@charset "UTF-8";

@import url('https://web.archive.org/web/20250711035529cs_/https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&display=swap');

html {
	font-size: 10px;
    line-height: 1;
}

@media screen and (max-width:374px) {
	html {
		font-size: 8px;
	}
} /* /@media screen and (max-width:374px) */


body {
    font-family: "Kiwi Maru","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
    font-variant-ligatures: no-common-ligatures;
    margin: 0;
    padding: 0;
    color: #333;
    box-sizing: border-box;
  }


  img {
    width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
th,
td,
dt,
dd {
    color: #231815;
	margin: 0;
	padding: 0;
	line-height: 1.7;
    font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    letter-spacing: 0.01em;
}

ul,
ol {
    list-style: none;
    padding-left: 0;
}

a {
    text-decoration: none;
}

/* h1, h2 サイズ */
h1 { font-size: 2.0rem;}
h2 { font-size: 2.8rem;}
h3 { font-size: 2.3rem;}
h4 { font-size: 1.8rem;}

@media screen and (min-width:768px) {
    h1 { font-size: 2.2rem;}
    h2 { font-size: 3.2rem;}
    h3 { font-size: 2.3rem;}
    h4 { font-size: 1.6rem;}
}/* @media screen and (min-width:768px) */

/* p, a サイズ */
p { font-size: 1.6rem;}
a { font-size: 1.6rem;}

@media screen and (min-width:768px) {
    p { font-size: 2.2rem;}
    a { font-size: 2.2rem;}
}/* @media screen and (min-width:768px) */

/* pc・sp表示切り替え */
.sp-show { display: block;}
.pc-show { display: none;}

@media screen and (min-width:768px) {
    .sp-show { display: none;}
    .pc-show { display: block;}
}/* @media screen and (min-width:768px) */

/* =============
汎用・共通
==============*/

.inner {
    padding: 40px 16px;
}

.tit_img {
    display: block;
    width: 80px;
    margin: 0 auto;
    padding: 10px 0 4px;
}

.tit {
    color: #F39800;
    text-align: center;
    padding-bottom: 40px;
}

.note {
    text-align: center;
    font-size: 1.8rem;
    margin: 40px 0 6px;
}

.tel {
    text-align: center;
    font-size: 3.0rem;
    line-height: 1;
    padding-bottom: 20px;
}

table {
    width: 90%;
    max-width: 316px;
    border-collapse: collapse;
    margin: 0 auto;
}

tr {
    border-bottom: 1px solid #777;
}

th,
td {
    font-size: 1.8rem;
    text-align: center;
}


@media screen and (min-width:768px) {
    .inner {
        max-width: 1000px;
        margin: 0 auto;
    }

    .section-container .inner {
        padding: 60px 0;
    }

    .note {
        font-size: 2.0rem;
    }

    .tel {
        font-size: 3.2rem;
    }

    th,
    td {
        font-size: 2.2rem;
    }

}/* @media screen and (min-width:768px) */

/* フレックスボックス */
.f_box {
    display: flex;
    flex-wrap: wrap;
}

.f_box.pc_only {
    display: block;
}

@media screen and (min-width:768px) {
    .f_box.f_box.pc_only {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
}/* @media screen and (min-width:768px) */

.nw-btn {
    background: #F39806;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 2.0rem;
    line-height: 1;
    max-width: 350px;
    border-radius: 40px;
    padding: 1em .1em;
    display: block;
    margin: 0 auto;
}

.nw-btn:hover,
.nw-btn:visited {
    color: #fff;
}

.nw-btn:hover {
    opacity: .5;
}

/* =============
.page-header
==============*/

.page-header {
    position: relative;
    background: #fff;
    border-top: 7px solid #F39800;
	width: 100%;
	height: 80px;
	position: fixed;
	z-index: 100;
	box-shadow: 0 0 1px rgba(0,0,0,0.6);
}

.page-header .f_box {
    padding: 16px;
}

.page-header .header-logo {
    display: block;
	width: 220px;
}

@media screen and (min-width:768px) {
    .page-header .f_box {
        max-width: 1000px;
        justify-content: space-between;
        align-items: center;
        padding: 12px 16px;
        margin: 0 auto;
    }

    .page-header .pc-nav li {
        margin-right: 10px;
    }

    .page-header .pc-nav a {
        color: #333;
        font-size: 1.6rem;
    }

    .page-header .pc-nav li:last-child {
        margin-right: 0;
    }

    .page-header .pc-nav li:last-child a {
        color: #fff;
        background: #F39806;
        font-size: 1.7rem;
        border-radius: 20px;
        padding: .3em .8em;
    }

    .page-header .pc-nav a i {
        margin-right: 4px;
    }

    .page-header .header-logo {
        width: 200px;
    }
}/* @media screen and (min-width:768px) */

@media screen and (min-width:860px) {
    .page-header .pc-nav li {
        margin-right: 16px;
    }
    .page-header .pc-nav li a {
        font-size: 1.7rem;
    }
    .page-header .pc-nav li:last-child a {
        font-size: 1.9rem;
        padding: .3em 1em;
    }
    .page-header .header-logo {
        width: 220px;
    }

}/* @media screen and (min-width:768px) */

/* =============
.contents-header
============== */

.mv {
    background: #E2E2E3;
    padding: 130px 0 46px;
    box-sizing: content-box;
}

.mv img {
    display: block;
    width: 290px;
    margin: 0 auto;
}

.mt h1 {
    color: #F39800;
    text-align: center;
    line-height: 1.4;
    font-weight: 400;
    padding-bottom: 20px;
}

.mt p {
    text-align: center;
}

@media screen and (min-width:768px) {

    .mv {
        height: 470px;
    }

    .mt .inner {
        padding: 24px 16px 20px;
    }

    .mv img {
        width: 100%;
        max-width: 420px;
        padding: 40px 0;
    }

    .mt h1 {
        padding-bottom: 10px;
    }

    .mt p {
        font-size: 1.8rem;
        padding-bottom: 10px;
    }
}/* @media screen and (min-width:768px) */

/* =============
.sec-news
==============*/

.sec-news {
    background: #f3f3f3;
    padding-bottom: 30px;
}

.sec-news .ttl-area p {
    text-align: center;
}

.sec-news ul {
    max-width: 270px;
    list-style: none;
    padding: 0;
    margin: 0 auto;
}

.sec-news li {
    margin-bottom: 30px;
}

.sec-news li a {
    text-decoration: none;
}

.sec-news li .date {
    color: #777;
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 500;
    margin: 10px 0 4px;
}

.sec-news .sec-ttl {
    color: #F39800;
    text-align: center;
}

.sec-news .sec-txt a {
    text-decoration: underline;
}

.sec-news .sec-txt {
    text-align: center;
    margin-bottom: 20px;
}

.sec-news li .news-ttl {
    font-weight: 700;
}

.sec-news li .img-outer {
    overflow: hidden;
    width: 100%;
    max-height: 184px;
    border: 1px solid #aaa;
    background: #fff;
}

.sec-news li img {
    width: 100%;
    max-height: 184px;
    object-fit: cover;
    transition-duration: 0.5s;
}

.sec-news li img:hover {
    transform: scale(1.5);
    transition-duration: 0.5s;
}

@media screen and (min-width:768px) {
    .sec-news .f_box-pc {
        display: flex;
    }

    .sec-news ul {
        max-width: 1000px;
        margin-bottom: 30px;
    }

    .sec-news li {
        width: 32.6%;
        margin: 0;
    }

    .sec-news li:nth-child(2n) {
        margin: 0 2%;
    }

    .sec-news li .img-outer {
        height: 160px;
    }

}



/* =============
.sec1
==============*/

.sec1 {
    position: relative;
    background-image: url(/web/20250711035529im_/https://aco-animal.com/wp-content/themes/aco/images/sec1_sp.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 550px;
    z-index: -100;
}

.sec1 .inner {
    padding: 40px 16px 80px;
}

.sec1 h2 {
    font-size: 2.0rem;
    font-weight: 400;
    padding-bottom: 20px;
}

.sec1 p {
    padding-bottom: 20px;
}

@media screen and (min-width:768px) {
    .sec1 {
        max-height: 680px;
        z-index: -100;
    }

    .sec1 .inner {
        position: absolute;
        top: 12%;
        left: 10%;
        margin: 0;
        padding: 0;
    }

    .sec1 h2 {
        font-size: 2.4rem;
        text-shadow:4px 4px 0 #F39806, -4px -4px 0 #F39806,
              -4px 4px 0 #F39806, 4px -4px 0 #F39806,
              0px 4px 0 #F39806,  0 -4px 0 #F39806,
              -4px 0 0 #F39806, 4px 0 0 #F39806;
    }

    .sec1 p {
        font-size: 1.8rem;
        text-shadow:4px 4px 0 #F39806, -4px -4px 0 #F39806,
              -4px 4px 0 #F39806, 4px -4px 0 #F39806,
              0px 4px 0 #F39806,  0 -4px 0 #F39806,
              -4px 0 0 #F39806, 4px 0 0 #F39806;
    }

    .sec1 p.name {
        text-align: right;
    }
}/* @media screen and (min-width:768px) */
    
@media screen and (min-width:1100px) {
    .sec1 .inner {
        left: calc(100% - ( 50% + 510px));
    }
}/* @media screen and (min-width:1100px) */  

/* =============
.sec2
==============*/

.sec2 {
    background: #E2E2E3;
}

.sec2 th {
    line-height: 1.2;
}

.sec2 .mark {
    color: #F39800;
}


.sec2 th:first-child,
.sec2 td:first-child {
    padding: 10px 16px 10px 14px;
}

.sec2 th:nth-child(2n),
.sec2 td:nth-child(2n) {
    padding: 10px 0 10px 30px;
}

.sec2 th:last-child,
.sec2 td:last-child {
    padding: 10px 10px 10px 20px;
}

.sec2 th,
.sec2 td {
    font-weight: 400;
    padding: 14px 0;
}

.sec2 p {
    text-align: center;
}

.sec2 .holiday {
    font-size: 2.0rem;
    margin: 10px 0 40px;
}

@media screen and (min-width:768px) {

    .sec2 table {
        max-width: 560px;
    }

    .sec2 th:first-child,
    .sec2 td:first-child {
        padding: 10px;
    }

    .sec2 th:nth-child(2n),
    .sec2 td:nth-child(2n) {
        padding: 10px;
    }

    .sec2 th:last-child,
    .sec2 td:last-child {
        padding: 10px;
    }

    .sec2 .holiday {
        font-size: 2.2rem;
    }

    .sec2 img {
        display: block;
        max-width: 500px;
        margin: 0 auto;
    }
}/* @media screen and (min-width:768px) */

/* =============
.sec3
==============*/

.sec3 {
    background: #E2E2E3;
}

.sec3 h2 {
    padding-bottom: 20px;
}

.sec3 p {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 30px;
}

.sec3 table {
    max-width: 343px;
    margin: 0 auto 40px;
}


.sec3 th {
    font-weight: 400;
    text-align: left;
    padding: 0.2em;
}

.sec3 td {
    text-align: right;
    padding: 0.2em;
}

@media screen and (min-width:768px) {

    .sec3 p {
        font-size: 2.0rem;
    }

    .sec3 img {
        display: block;
        max-width: 500px;
        margin: 0 auto;
    }
}/* @media screen and (min-width:768px) */

/* =============
.sec4
==============*/

.sec4 {
    background: #E2E2E3;
}

.sec4 h2 {
    padding-bottom: 20px;
}

.sec4 h2 + p {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 30px;
}

@media screen and (min-width:768px) {

    .sec4 h2 + p {
        font-size: 2.2rem;
    }
}/* @media screen and (min-width:768px) */

/* =============
.sec5
==============*/

.sec5 {
    background: #fff;
}

.sec5 iframe {
    width: 100%;
    height: 400px;
}

@media screen and (min-width:768px) {
    .sec5.section-container .inner {
        padding: 60px 16px;
    }
    
    .sec5 iframe {
        width: 100%;
        height: 1000px;
    }
}/* @media screen and (min-width:768px) */

/* =============
.contents-footer
==============*/

.contents-footer {
    background: #F39800;
    padding-bottom: 20px;
}

.contents-footer iframe {
    width: 100%;
    height: 500px;
    border: none;
    margin-bottom: 40px;
}

.contents-footer .about {
    padding-top: 54px;
    text-align: center;
}

.contents-footer .about img {
    display: block;
    width: 75%;
    max-width: 330px;
    margin: 0 auto 20px;
}


.contents-footer .about p {
    font-size: 2.0rem;
}

.contents-footer .about .note {
    font-size: 1.8rem;
    margin: 10px 0 6px;
    padding: 0;
}

.contents-footer .about .tel {
    font-size: 2.6rem;
}

.contents-footer .about .mail {
    margin-bottom: 10px;
}

.contents-footer .about i {
    padding-right: 4px;
}

.contents-footer .about a {
    display: block;
    color: #000;
    background: #fff;
    font-size: 1.8rem;
    border-radius: 20px;
    max-width: 310px;
    margin: 0 auto;
    padding: .7em 1em;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

.copy {
    font-size: 1.3rem;
    text-align: center;
    margin: 30px 0 100px;
}

@media screen and (min-width:768px) {

    .contents-footer iframe {
        height: 445px;
        margin: 20px 0 60px;
    }

    .contents-footer .about p {
        font-size: 2.2rem;
    }

    .contents-footer .f_box > img {
        box-sizing: border-box;
        width: 50%;
        margin: 0;
        padding: 0;
    }

    .contents-footer .f_box .about {
        box-sizing: border-box;
        width: 50%;
        margin: 0;
        padding: 0 4%;
    }

    .contents-footer .about a {
        font-size: 1.9rem;
        max-width: 350px;
        border-radius: 40px;
        margin: 0 auto;
    }

    .copy {
        margin: 30px 0;
    }
    
}/* @media screen and (min-width:768px) */

/* =============
fix電話ボタン
==============*/

.sp-fix-btn {
	display: block;
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 200;
	box-shadow: 0 0 15px rgba(0,0,0,0.6);
}

.fix-btn-tel {
	display: block;
	font-size: 1.4rem;
	text-align: center;
}

.fix-tel-text {
	background: #FCCF86;
	color: #BA5403;
    display: block;
	width: 100%;
	margin: 0;
	padding: 14px 0;
}

.fix-btn-tel i {
	font-size: 2.8rem;
	padding-bottom: 4px;
}

@media screen and (min-width:768px) {
	.sp-fix-btn {
		display: none;
	}
}

/*　2022/5/12　中村追加*/

.parking {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
}

@media screen and (min-width:768px) {

    .parking {
        display: block;
        max-width: 500px;
        margin: 0 auto;
        margin-bottom: 80px;
    }
}/* @media screen and (min-width:768px) */

/* ===============
お知らせ一覧
archive
=============== */

.archive .page-contents {
    max-width: 860px;
    margin: 0 auto;
}

.archive .page-ttl {
    color: #ff6900;
    font-size: 3.6rem;
    text-align: center;
    margin: 100px 0 0;
}

.archive .section-container .ar-news {
    display: block;
    text-decoration: none;
}

.archive .img-outer {
    width: 270px;
    height: 180px;
    text-align: center;
    margin-bottom: 16px;
    margin: 0 auto 50px;
}

.archive .img-outer img {
    width: 270px;
    height: 180px;
    object-fit: cover;
    border: 1px solid #aaa;
}

.archive .ar-news-date {
    color: #666;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 4px;
}

.archive .ar-news-ttl {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.archive .ar-news-text {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 8px;
}

.archive .section-container .btn-area {
    margin: 0 0 30px;
    padding: 0;
}

.archive .section-container .nw-btn {
    display: block;
    font-size: 1.7rem;
    max-width: 290px;
    margin: 0 auto;
}

.archive .section-container .f_box-pc {
    margin-bottom: 10px;
}

.archive .section-container .f_box-pc:last-child {
    margin-bottom: 40px;
}


@media screen and (min-width:768px) {
    .archive .inner {
        max-width: 860px;
    }


    .archive .f_box-pc {
        display: flex;
    }

    .archive .img-outer {
        overflow: hidden;
        width: 100%;
        border: 1px solid #aaa;
    }
    
    .archive .img-outer img {
        width: 260px;
        height: 180px;
        object-fit: cover;
        transition-duration: 0.5s;
        border: none;
    }
    
    .archive .img-outer img:hover {
        transform: scale(1.5);
        transition-duration: 0.5s;
    }

    .archive .section-container .f_box-pc {
        justify-content: space-between;
    }

    .archive .text-area {
        width: 62%;
    }

    .archive .section-container .nw-btn {
        margin: 0;
    }
}

@media screen and (min-width:820px) {
    .archive .text-area {
        width: 65%;
    }
}

/* ページネーション */

.archive .nav-links {
    margin-bottom: 80px;
    text-align: center;
}

.archive .nav-links a,
.archive .nav-links span {
    display: inline-block;
    color: #333;
    font-size: 1.6rem;
    font-weight: 500;
    text-decoration: none;
    border: 2px solid #eee;
    padding: 1em;
    margin: 0.2em;
}

.archive .nav-links span.current {
    font-size: 1.65rem;
    color: #666;
    border: 2px solid #999;
}


/* ===============
お知らせ（個別投稿）
single
=============== */

.single .contents-header .page-ttl {
    color: #ff6900;
    text-align: center;
    margin: 100px 0 0;
}

.single .sec .inner {
    max-width: 850px;
}

.single .sec h1,
.single .sec h2,
.single .sec h3,
.single .sec h4,
.single .sec h5,
.single .sec h6,
.single .sec p {
    margin-bottom: 20px;
    line-height: 1.5;
}

.single .sec .nw-date {
    color: #333;
    font-size: 1.3rem;
    line-height: 1;
    margin-bottom: 6px;
}

.single .sec h1 {
    font-size: 2.4rem;
    font-weight: 700;
    border-bottom: 1px solid #333;
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.single .sec h2 {
    font-size: 2.2rem;
}

.single .sec h3 {
    color: #F39800;
    font-size: 2.2rem;
}

.single .sec h4 {
    background: #F39800;
    color: #fff;
    font-size: 2.0rem;
    padding: 1em;
}

.single .sec h5 {
    color: #F39800;
    font-size: 1.9rem;
}

.single .sec h6 {
    font-size: 1.9rem;
}

.single .sec p {
    font-size: 1.6rem;
}

.single .sec ul {
    font-size: 1.6rem;
    list-style: disc;
}

.single .sec .wp-block-quote {
    font-size: 1.6rem;
    line-height: 1.5;
    padding-left: 14px;
    border-left: 6px solid #f9e6c6;
    margin-left: 0;
    margin-right: 0;
}


.single .sec img {
    width: auto;
    margin-bottom: 20px;
}

.single .post-area {
    margin-bottom: 50px;
}
.single .nav-links {
    margin-bottom: 50px;
}

.single .nav-previous a,
.single .nav-next a {
    display: inline-block;
    background: #ff6900;
    color: #fff;
    font-size: 1.7rem;
    font-weight: 700;
    text-decoration: none;
    padding: .5em 5em;
    margin-bottom: 20px;
    filter: drop-shadow(0px 3px 6px rgba(0,0,0,0.4));
}

.single .back_list {
    display: block;
    width: 100%;
    color: #ff6900;
    font-size: 1.7rem;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    border-top: 1px solid #ff6900;
    padding-top: 14px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.single .back_list i {
    padding-right: 8px;
}

@media screen and (max-width:767px) {
    
    .single .nav-links {
        display: block;
    }

    .single .nav-previous,
    .single .nav-next {
        text-align: center;
    }
}

/* ===============
404ページ
error404
=============== */

main.error404 h1 {
    font-size: 2.8rem;
    font-weight: 700;
    text-align: center;
    padding: 200px 0 20px;
    line-height: 1.3;
}

main.error404 p {
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 40px;
    line-height: 1.5;
}

main.error404 a {
    display: block;
    font-size: 2.2rem;
    text-decoration: underline;
    text-align: center;
    margin-bottom: 80px;
}

/* ===============
ペットホテル（固定）
.hotel
2023.10.25 千葉追加
=============== */

.hotel {
    padding-left: 20px;
    padding-right: 20px;
}

.hotel .tit-img {
    display: block;
    margin: 0 auto;
    width: 90px;
    padding-top: 100px;
}

.hotel .page-tit {
    text-align: center;
    font-size: 3.6rem;
    color: #F39800;
    margin-bottom: 20px;
}

.hotel .lead {
    font-size: 1.8rem;
    margin-bottom: 40px;
}

.hotel .hotel-img {
    display: block;
    margin: 0 auto 40px;
    max-width: 600px;
}

.hotel .sec-tit {
    text-align: center;
    font-size: 2.4rem;
    color: #F39800;
    border-bottom: 1px solid #F39800;
    max-width: 300px;
    padding-bottom: 6px;
    margin: 0 auto 20px;
}

.hotel h3 {
    text-align: center;
    max-width: 316px;
    background: #ecb65a;
    color: #fff;
    margin: 0 auto 10px;
    border-radius: 40px;
}

.hotel table {
    margin-bottom: 40px;
}

.hotel th,
.hotel td {
    padding-bottom: 6px;
}

.hotel .price {
    text-align: center;
    margin-bottom: 50px;
}

.hotel .overtime {
    font-size: 1.8rem;
    margin-bottom: 10px;
}

.hotel .cap {
    font-size: 1.5rem;
    line-height: 1.3;
    margin-bottom: 50px;
}

.hotel .bring {
    text-align: center;
}

.hotel .bring li {
    font-size: 1.8rem;
}

.hotel .kakomi {
    margin: 0 auto;
    max-width: 400px;
    border: 1px solid #F39800;
    border-radius: 20px;
}

.hotel .kakomi p {
    color: #F39800;
    margin: 0;
}

.hotel .kakomi .note {
    line-height: 1.3;
    margin-top: 10px;
    margin-bottom: 10px;
}

.hotel .kakomi .tel {
    font-size: 2.8rem;
}

.hotel .home-btn {
    background: #F39806;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 2.0rem;
    line-height: 1;
    max-width: 350px;
    border-radius: 40px;
    padding: 1em .1em;
    display: block;
    margin: 60px auto 100px;
}

.hotel .home-btn:hover {
    opacity: .5;
}

@media screen and (min-width:768px) {
    .hotel .lead,
    .hotel .overtime,
    .hotel .cap {
        text-align: center;
    }
}
/*
     FILE ARCHIVED ON 03:55:29 Jul 11, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 20:42:51 Jul 02, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.502
  load_resource: 1013.065
  PetaboxLoader3.resolve: 68.32
  PetaboxLoader3.datanode: 140.708 (2)
  loaddict: 880.778
*/