@charset "utf-8";

@media screen and (max-width: 600px) {
.pc { display: none !important; }
.sp { display: block !important; }
body{ min-width: 100%; -webkit-text-size-adjust: 100%; font-size: 110%; word-wrap: break-word; line-height: 30px;}
img { max-width: 100%; vertical-align: middle; height: auto; }
html,body {
  -webkit-text-size-adjust: none;
}
#primary,
body.greeting #content,
#footer #footer_content,
body#blog header.category_header h1 a {
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
}
#header,
#content,
section#greeting_1,
section#greeting_2,
body.schedule #content,
body.staff #content,
body.access #content,
body.access section#access,
body#blog.home #primary #content,
body#blog #primary #content,
body#blog #primary #content #blog_main,
body.car #content,
.dog_care #dog_care,
.dog_care #dog_care section p,
.dog_plan #dog_plan {
	width:96%;
	margin:0 auto;
	box-sizing:border-box;
}
body.top #header h1 {
    margin: 0 50px 0 0;
    float: inherit;
    width: 143px;
    height: 32px;
}
#header h2 {
	display:none;
}
div#slide_box {
    margin: 0 auto 50px;
    width: 90%;
    height: auto;
    overflow: hidden;
}
div#slide_box ul#slides {
    display: none;
    margin: 0  auto;
    width: 90%;
    height: auto;
    overflow: hidden;
    position: relative;
}
body.top #header {
	background-size:50% auto;
	background-position: 3% 100px;
}
.nav2title {
	margin:30px 0 0;
	width:100%;
	border-top:1px solid #1f296d;
	border-bottom:1px solid #1f296d;
	padding:10px 15px;
	box-sizing:border-box;
	color:#1f296d;
	font-weight:bold;
}
#menu2 {
	display:none;
}
#menu2 li a {
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:15px 30px 15px 60px;
	border-bottom:1px solid #1f296d;
	position:relative;
}
#menu2 li a:before {
	display:block;
	content:"";
	position:absolute;
	left:15px;
	top:10px;
	width:40px;
	height:40px;
}
#menu2 #menu_01 a:before {
	background:url(../images/common/sp01.png) no-repeat;
	background-size:auto 100%;
}
#menu2 #menu_02 a:before {
	background:url(../images/common/sp02.png) no-repeat;
	background-size:auto 100%;
}
#menu2 #menu_03 a:before {
	background:url(../images/common/sp03.png) no-repeat;
	background-size:auto 100%;
}
#menu2 #menu_04 a:before {
	background:url(../images/common/sp04.png) no-repeat;
	background-size:auto 100%;
}
#menu2 #menu_08 a:before {
	background:url(../images/common/sp05.png) no-repeat;
	background-size:auto 100%;
}
#menu2 #menu_06 a:before {
	background:url(../images/common/sp06.png) no-repeat;
	background-size: 100% auto;
}
#menu2 #menu_07 a:before {
	background:url(../images/common/sp07.png) no-repeat;
	background-size:100% auto;
}
#primary {
	margin:30px auto !important;
	padding: 0 0 150px !important;
}
#top_l {
	width:100%;
	float:inherit;
}
#content {
	padding:0;
}
#top_r {
    width: 96%;
    margin: 20px auto 0;
    float: inherit;
}
body.top #page {
    padding: 0 0 130px;
    background:none;
}
#footer {
    margin: -40px 0 0;
    width: 100%;
    height: 450px;
    background: url(../images/common/footer_hill.gif) no-repeat center top #9bc0c3;
    overflow: hidden;
}
#footer #footer_content #bear2,
#footer #footer_content #bear {
    position: absolute;
    top: 0;
    left: 30px;
}
#footer #footer_content #corporate,
#footer #footer_content #address,
#footer #footer_content #phone,
#footer #footer_content #cr {
	left:55%;
}
#corporate {
    top: 95px;
}
#footer_nav2 {
	position:absolute;
	top:250px;
}
#footer_nav2 ul {
	display: flex;
 	flex-wrap: wrap;
	width:80%;
	margin:0 auto;
}
#footer_nav2 ul li {
	width:50%;
}
#footer_nav2 ul li a {
	padding:5px 0;
	box-sizing:border-box;
	text-align:center;
	display:block;
	width:100%;
	font-size:14px;
}
#header #header_info {
    float: inherit;
    padding:6% 16% 0 5%;
	margin:0 auto;
    background: url(../images/common/header_info_bg.png) no-repeat;
    width: 80%;
    height: 193px;
	background-size:100% auto;
    overflow: hidden;
}
#header h1 {
    margin: 27px auto 0 ;
}
#header h1 a {
    display: block;
    width: 270px;
    height: 75px;
    background: url(../images/common/main_logo.png) no-repeat;
    text-indent: -9999px;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    -moz-opacity: 1.0;
    opacity: 1.0;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
	margin:0 auto;
}
section#greeting_1,
#primary,
body.staff section#staff,
body.access section#access,
body#blog #primary #content,
body.car section#car {
    background:none;
}
img#ph_01, 
img#ph_02,
img#ph_03,
img#ph_04 { display:none;}
section#greeting_2 p {
	width:90%;
    margin: 30px auto;
    position: relative;
}
#footer #footer_content #to_top {/*
    top: 40px;*/
    right: 5%;
    left: auto;
bottom: 1%;
padding: 40px 5px;
}
#footer #footer_content #to_top a {/*
    top: 40px;*/
    right: 5%;
    left: auto;
bottom: 1%;
padding: 40px 5px;
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity:0.0;
	opacity:0.0;
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	transition: opacity  0.3s linear;
}
#footer #footer_content #to_top a:hover {
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity:1.0;
	opacity:1.0;
}
body.staff section#staff #txt_21 {
	left:0;
}
body.staff section#staff > p,
body.staff section#staff > h2, body.staff section#staff > p {
	position:initial;
	margin-bottom:30px;
}
body.staff section#staff > h2, body.staff section#staff > p {
	text-align:center;
}
body.access section#access p.car {
    float: initial;
    margin: 30px auto;
}
body.access section#access p.googlemaps {
    margin: 0;
}
body#blog section#categories article {
    position: inherit;
    padding: 0 0 50px;
    background: url(../images/blog/dotted_hr.gif) no-repeat center bottom;
}
body#blog section#categories article h1, body#blog section#categories article > img, body#blog section#categories article p {
    position: inherit;
}
body#blog section#categories article#shikumi,
body#blog section#categories article#byouki,
body#blog section#categories article#yobou,
body#blog section#categories {
    height: auto;
	margin-bottom:30px;
}
body#blog section#categories article#shikumi > img,
body#blog section#categories article#byouki > img,
body#blog section#categories article#yobou > img {
	margin:20px auto;
}
body#blog header.category_header h1.cat a {
    background-image: url(../images/blog/ttle_cat.png);
	background-size:100% auto;
}
body#blog header.category_header h1.dog a {
    background-image: url(../images/blog/ttle_dog.png);
	background-size:100% auto;
}
body#blog header.category_header h1.rabbit a {
    background-image: url(../images/blog/ttle_rabbit.png);
	background-size:100% auto;
}
body#blog header.category_header h1.staff a {
    background-image: url(../images/blog/ttle_staff.png);
	background-size:100% auto;
}
article.list > img {
    float: inherit;
	display: block;
    margin: 0 auto;
	border:2px solid #ccc;
}
article.list.img_on h1 {
    margin-left: 10px;
	margin-top:10px;
}
article.list.img_on div.entry-summary {
    margin-left: 10px;
	margin-bottom:50px;
}

body#blog #primary #content #sidebar {
    width: 80%;
    margin: 0 auto;
    float: inherit;
    clear: both;
	text-align:center;
    padding-top: 50px;
}
body#blog #primary #content #sidebar nav#side_catnav p.title,
body#blog #primary #content #sidebar nav#side_new p.title,
body#blog #primary #content #sidebar nav#side_pp p.title,
body#blog #primary #content #sidebar nav#side_monthnav p.title {
	background-position:center;
	width: auto;
}
body#blog #primary #content #sidebar nav ul {
    color: #00a699;
    font-size: 108%;
    line-height: 2.9em;
    padding: 12px 0 50px 0;
}
body.single article.single div.entry-content,
.related_list {
	width:99%;
	margin:0 auto;
}
.related_list li {
    width: 100%;
    float: inherit;
    display: block;
    margin-right: 0;
	margin-bottom:30px;
    list-style: none;
}
.related_list .list_img {
    width: 150px;
    height: 150px;
    overflow: hidden;
    text-align: center;
	display:block;
	margin:0 auto;
}
body.dog_top section#dog_top div.catch,
body.cat section#cat_top div.catch,
body.car section#car div.catch {
	margin: 30px;
}
body.dog_top section#dog_top article#dog_care {
    background: url(../images/dog/dog_care_tn.jpg) no-repeat center 0;
}
body.dog_top section#dog_top article#dog_plan {
    background: url(../images/dog/dog_plan_tn.jpg) no-repeat center 0;
}
body.cat section#cat_top article#cat_plan {
    background: url(../images/cat/cat_plan_tn.jpg) no-repeat center 0;
}
body.dog_top section#dog_top article,
body.cat section#cat_top article {
    margin: 0;
    padding:200px 20px 50px;
    min-height: 198px;
	box-sizing:border-box;
}
body.cat section#cat_top div.care_point {
    width: 90%;
    background: #e9e4d9;
    padding: 5px;
    margin: 30px auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
body.cat section#cat_top div.care_point ul {
    background: #fff;
    color: #00a699;
    padding: 40px 30px 20px;
	box-sizing:border-box;
}
.rabbit_nav {
    padding: 50px 0;
}
.rabbit_nav ul {
	display: flex;
	justify-content: space-between;
 	flex-wrap: wrap;
	width:90%;
	margin:0 auto;
}
body.car section#car {
    height: auto;
    background: none;
    position: inherit;
}
body.joboffer section#joboffer div.main_text {
    background: url(../images/joboffer/joboffer_hr.gif) no-repeat center bottom;
    padding:30px 20px 50px;
    margin: 0;
}
body.joboffer section#joboffer div.main_text2 {
    padding:30px 20px 50px;
    margin: 0;
}
section#greeting_1 p {
	text-align:left;
	padding:0 20px;
	box-sizing:border-box;
}
section#greeting_1 h2 {
    margin: 40px 0 44px;
	text-align:left;
	color:#00a699;
	padding:0 20px;
	box-sizing:border-box;
}
section#greeting_2 {
	margin-top:50px;
	height:auto;
}
.green {
	color:#00a699 !important;
}
body.staff section#staff {
	height:auto !important;
}
.gc-wrap {
    margin: 10% auto;
	padding:0 5px;
}
.g-calendar {
        padding-bottom: 300px;
	max-width:100%;/*
	height:auto;*/
	height:300px;
}
header.entry-header h1 {
    font-size: 1.35em;
	line-height: 1.3em !important;
}
#blog_main {
    float: none !important;
}
.entry-content h2 {
    font-size: 1.3em;
	line-height: 1.45em;
}
.entry-content h3 {
    font-size: 1.2em;
}
.entry-content h4 {
    font-size: 1.2em;
}
}