@charset "utf-8";
/* CSS Document */

#slimmenu{ display:none;}
#navArea{ display:none;}
.pcno { display:none;}
img { max-width:100%;}
#navArea{ display:none;}
/*▼ 初期化 ▼*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, ul, li, blockquote, th, td, tr, img { padding:0px; margin:0px; font-size:16px; line-height:1.5em; letter-spacing:1px; color:#333;-webkit-text-size-adjust:100%; font-weight:400; font-family:'futura-pt', 'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;}
table { border-collapse:collapse; }
ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6, .more{ padding:0px; margin:0px; font-size:100%; font-weight:normal; font-family:'Zen Maru Gothic', sans-serif;}
a { overflow:hidden; outline:none; }
img { border:none; vertical-align:bottom; }
table td { border:none; vertical-align:top; }
.text99 { text-indent:-9999px; }
a{-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
a:hover { text-decoration:none; }
a:hover { opacity:0.5; filter:alpha(opacity=50);-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
.kadomaru{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
/*▲ 初期化 ▲*/
.mb30{ margin-bottom:30px;}
.mb50{ margin-bottom:50px;}


/*▼エリア・背景設定▼*/
body{ min-width:1100px; background:#fbfaf5;}
#body-top{ overflow:hidden;}



h1{ text-indent:-9999px; height:0;}

/*▼ヘッダー▼*/
#header{ width:1024px; margin:auto;}
#header #hmid{ overflow:hidden;}
#header .left { width:420px; float:left; padding:23px 0 10px 30px; position:relative;}
#header .left a{ display:inline-block; text-decoration:none;}
#header .left p{ background:#fff; font-size:15px; font-weight:bold; color:#7e5f3f; letter-spacing:normal; display:inline-block; border:1px solid #7e5f3f; border-radius:30px; padding:5px 10px; position:absolute; right:0; bottom:28px; font-family:'Zen Maru Gothic', sans-serif;}


#header .right{ width:545px; float:right; overflow:hidden; margin-right:20px;}
#header .right .contact-info{ display:inline-block; float:left; padding-top:40px;}
#header .right .contact-info ul{}
#header .right .contact-info ul li{ font-size:32px; font-weight:bold; margin-bottom:10px; line-height:1em; vertical-align:middle; font-family:'Zen Maru Gothic', sans-serif;}
#header .right .contact-info ul li a{ font-size:32px; color:#7e5f3f; display:inline-block; text-decoration:none; vertical-align:middle;}
#header .right .contact-info ul li span{ background:#ff9844; width:90px; height:25px; line-height:25px; font-size:15px; font-weight:bold; color:#fff; text-align:center; display:inline-block; vertical-align:middle; border-radius:30px; margin-right:10px;}
/*色違い*/
#header .right .contact-info ul li:last-child{ font-size:15px;}
#header .right .contact-info ul li:last-child span{ background:#a4c274;}

#header .right .contact-mail{ width:200px; text-align:center; float:right; position:relative; top:-25px;}
#header .right .contact-mail a{ background:#ff9844; height:200px; border-radius:50%; display:block; text-decoration:none;}
#header .right .contact-mail img{ padding-top:40px; margin-bottom:5px;}
#header .right .contact-mail p{ font-size:16px; font-weight:bold; color:#fff; font-family:'Zen Maru Gothic', sans-serif;}
#header .right .contact-mail p span{ font-size:24px; display:block;}

#header .center{ width:1024px; margin:-10px auto 15px; clear:both;}


/*▼メインナビゲーション▼*/
#navi{ text-align:center;}
#navi ul{ display:inline-block; text-align:right;}
#navi ul li { display:inline-block; font-size:18px; font-weight:bold; line-height:1.5em; border-left:dotted 5px #c7b5a3; letter-spacing:2px; transition:.5s;}
#navi ul li:last-child{ border-right:dotted 5px #c7b5a3;}
#navi ul li a{ color:#7e5f3f; text-decoration:none; display:block; position:relative; padding:10px 30px; font-family:'Zen Maru Gothic', sans-serif;}
#navi ul li a:hover{ opacity:0.5; transition:0.3s;}






/*▼メインビジュアル▼*/
#mp{ background:url(../images/common/mp.jpg) center top no-repeat;}
#mp .area-01{ width:1024px; margin:auto; height:350px; display:table;}
#mp .area-01 p{ font-size:48px; font-weight:bold; color:#7e5f3f; text-align:center; display:table-cell; vertical-align:middle; letter-spacing:3px; text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff; font-family:'Zen Maru Gothic', sans-serif;}
#mp .area-01 p span{ font-size:24px; color:#ff9844; display:block; line-height:2em;}



#hmp{ background:url(../images/home/mp.jpg) center top no-repeat; height:800px;}
#hmp .area-01{ width:1250px; margin:auto; padding-top:170px;}






/*▼フッター▼*/
#footer { background:#eae4d3;}
#footer #fmid{ width:1024px; margin:auto; text-align:center; padding:80px 0 50px;}
#footer #fmid #fnavi{ text-align:center; margin-bottom:50px;}
#footer #fmid #fnavi ul{ display:inline-block;}
#footer #fmid #fnavi li { display:inline-block; font-size:18px; font-weight:bold; text-align:center; padding:0 30px 0 25px; position:relative; font-family:'Zen Maru Gothic', sans-serif;}
#footer #fmid #fnavi li:last-child{ margin-right:0px;}
#footer #fmid #fnavi li a{ color:#886d52; text-decoration:none; position:relative; display:block; padding:0 5px 5px;}
#footer #fmid #fnavi li:after{ content:""; background:#886d52; width:2px; height:20px; display:inline-block; position:absolute; top:3px; right:0;}
/*ナビ調整*/
#footer #fmid #fnavi li:last-child:after{ display:none;}


#footer #fname { width:420px; margin:0 auto 50px; position:relative;}
#footer #fname a{ display:block; text-decoration:none; text-align:left;}
#footer #fname p{ background:#fff; font-size:15px; font-weight:bold; color:#7e5f3f; letter-spacing:normal; display:inline-block; border:1px solid #7e5f3f; border-radius:30px; padding:5px 10px; position:absolute; right:0; bottom:15px; font-family:'Zen Maru Gothic', sans-serif;}

#footer .contact-info{ display:inline-block;}
#footer .contact-info ul{ display:inline-block;}
#footer .contact-info ul li{ font-size:28px; font-weight:bold; line-height:1em; vertical-align:middle; display:inline-block; letter-spacing:normal; margin-right:20px;}
#footer .contact-info ul li a{ font-size:28px; color:#7e5f3f; display:inline-block; text-decoration:none; vertical-align:middle; font-family:'Zen Maru Gothic', sans-serif;}
#footer .contact-info ul li span{ background:#ff9844; width:90px; height:25px; line-height:25px; font-size:15px; font-weight:bold; color:#fff; text-align:center; display:inline-block; vertical-align:middle; border-radius:30px; margin-right:10px; font-family:'Zen Maru Gothic', sans-serif;}
/*色違い*/
#footer .contact-info ul li:nth-child(2){ font-size:15px;}
#footer .contact-info ul li:nth-child(2) span{ background:#a4c274;}
#footer .contact-info ul li:nth-child(3){ font-size:15px; font-weight:normal; text-align:left; letter-spacing:normal; padding-left:90px; text-indent:-90px; margin-right:0;}
#footer .contact-info ul li:nth-child(3) span{ background:#886d52; text-indent:0;}


#footer #tamonten { clear:both; text-align:center; font-size:10px; padding:10px 0;}
#footer #tamonten a { display:block; cursor:default; color:#777676; text-decoration:none; opacity:1; filter:alpha(opacity=100);}


.page-top {
	position:fixed;
    bottom:70px;
    right:60px;
	background-image:url(../images/common/totop.png);
	width:90px; height:78px; text-indent:-9999px;
    -ms-filter:"alpha(opacity=80)";
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8;
	-webkit-transition:0s; -moz-transition:0s; -ms-transition:0s; transition:0s;}




/*▼エリア・共通設定▼*/
.box{ width:1024px; margin:auto; padding:70px 0;}
.bk-green{ background:url(../images/common/bk-green.jpg) center top no-repeat; min-height:400px;}
.bk-brown{ background:#eae4d3;}



.h2-01{ background:url(../images/common/h2-left.png) left top no-repeat; font-size:36px; font-weight:bold; color:#7e5f3f; padding-left:75px; height:85px; line-height:85px; margin-bottom:40px;}


.more{ width:500px; text-align:center; margin:50px auto;}
.more a{ background:linear-gradient(to right,#f89e49, #ffe49b); font-size:20px; font-weight:bold; color:#fff; padding:20px 0; border-radius:15px; display:block; text-decoration:none; position:relative;}

/*ボタンの丸囲三角*/
.more span{ display:inline-block;vertical-align:middle;color:#fff;line-height:1;position:absolute;width:1.1em;height:1.1em;border:0.1em solid currentColor;background:currentColor;border-radius:50%;box-sizing:content-box; right:25px; top:35%;}
.more span::before {content:'';color:#ffbb84;width:0;height:0;border-style:solid;border-color:transparent;border-width:0.3em 0.4em;border-left-color:currentColor;border-right:0;transform:translateX(15%);position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}





/*▼▼▼ホーム　home▼▼▼*/
#home .bk-01{ background:url(../images/home/bk-01.jpg) center top no-repeat;}

#home #box-01{ padding:80px 0 100px;}
#home #box-01 .h2-01{ height:inherit; line-height:1.5em; background-position:left 12px;}
#home #box-01 .area-01{ overflow:hidden; margin-bottom:70px;}
#home #box-01 .area-01 .t-box{ width:640px; float:left;}
#home #box-01 .area-01 .t-box p{font-size:18px;line-height:1.8em;}
#home #box-01 .area-01 img{ float:right;}


#home #box-01 .area-02{ background:#fff; padding:70px; border-radius:30px; border:5px solid #c6aa8e; background-image:url(../images/common/bk-ashiato.png), url(../images/common/bk-ashiato-02.png); background-position:left 20px top 20px, right 20px bottom 20px; background-repeat:no-repeat;}
#home #box-01 .area-02 h3{ font-size:36px; font-weight:bold; color:#cf4f79; text-align:center; position:relative; margin-bottom:40px;}
#home #box-01 .area-02 h3 span{ position:relative;}
#home #box-01 .area-02 h3 span:before{ content:""; background:#cf4f79; width:7px; height:7px; border-radius:50%; position:absolute; top:-5px; left:0; right:0; margin:auto;}
#home #box-01 .area-02 .inner{ overflow:hidden; margin-bottom:50px;}
#home #box-01 .area-02 .inner .entry{ width:400px; float:left; position:relative;}
#home #box-01 .area-02 .inner .entry:last-child{ float:right;}
#home #box-01 .area-02 .inner .entry h4{ width:100%; font-size:20px; font-weight:bold; color:#fff; line-height:50px; text-align:center; position:absolute; bottom:0; background:rgba(126,95,63,.75); border-radius:0 0 10px 10px;}
#home #box-01 h2 { font-size: 32px;font-weight: bold;color: #7e5f3f;text-align: center;margin-bottom: 40px;}
#home #box-01 .p-title {background: #fff;width: 590px;line-height: 40px;font-size: 22px;font-weight: bold;text-align: center;border: 1px solid #cf4f79;margin: 0 auto 15px;}
#home #box-01 .area-02 ul li {font-size: 24px;font-weight: bold;color: #cf4f79; margin-bottom: 25px;padding-left: 1.2em;text-indent: -1.2em;font-family: 'Zen Maru Gothic', sans-serif;}

/*#home #box-01 .area-02 .more{ margin-bottom:0;}*/


#home #box-02{}
#home #box-02 .p-title{ font-size:18px; line-height:1.8em; margin-bottom:30px;}
#home #box-02 .p-title a{ color:#ff9844;}
#home #box-02 .area-btn{ overflow:hidden; margin-bottom:100px;}
#home #box-02 .area-btn .btn{ width:230px; float:left; font-size:20px; font-weight:bold; text-align:center; margin-right:34px; font-family:'Zen Maru Gothic', sans-serif;}
#home #box-02 .area-btn .btn:last-child{ margin-right:0px;}
#home #box-02 .area-btn .btn a{ background:linear-gradient(to right,#81a942, #b5dc76); color:#fff; line-height:1.8em; border-radius:10px; padding:15px 0; display:block; text-decoration:none; position:relative;}
/*ボタンの丸囲三角*/
#home #box-02 .area-btn .btn span{ display:inline-block; vertical-align:middle;color:#fff;line-height:1;position:absolute;width:1.1em;height:1.1em;border:0.1em solid currentColor;background:currentColor;border-radius:50%;box-sizing:content-box;right:15px;top:40%;}
#home #box-02 .area-btn .btn span::before {content:'';color:#b3d77a;width:0;height:0;border-style:solid;border-color:transparent;border-width:0.3em 0.4em;border-left-color:currentColor;border-right:0;transform:translateX(15%);position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}

#home #box-02 .area-01{ background:#fff; padding:80px 50px; border-radius:30px; box-shadow:0 0 15px rgba(136,109,82,.1); margin-bottom:70px;}
#home #box-02 .area-01 h3{ line-height:70px; font-size:32px; font-weight:bold; color:#fff; padding-left:90px; margin-bottom:40px; position:relative;}
#home #box-02 .area-01 h3 span{ font-size:20px; display:inline-block; margin-left:10px;}
#home #box-02 .area-01 h3 img { position:absolute; right:20px; bottom:5px;}
#home #box-02 .area-01 .h3-dog{ background:#9e9072 url(../images/common/h3-dog.png) 20px 5px no-repeat;}
#home #box-02 .area-01 .h3-cat{ background:#9e9072 url(../images/common/h3-cat.png) 20px 5px no-repeat;}
#home #box-02 .area-01 .h3-rabbit{ background:#9e9072 url(../images/common/h3-rabbit.png) 20px 5px no-repeat;}
#home #box-02 .area-01 .h3-bird{ background:#9e9072 url(../images/common/h3-bird.png) 20px 5px no-repeat;}

#home #box-02 .area-01 .entry{ overflow:hidden; margin-bottom:50px;}
#home #box-02 .area-01 .entry:last-child{ margin-bottom:30px;}
#home #box-02 .area-01 .entry .left { width:220px; float:left; position:relative;}
#home #box-02 .area-01 .entry .left img{ border-radius:10px;}
/*左上三角*/
#home #box-02 .area-01 .entry .left:before{ position:absolute; content:""; left:0; top:0; width:0; height:0; border-style:solid; border-width:80px 80px 0 0; border-color:#cf4f79 transparent transparent transparent; z-index:1; border-radius:8px 0 0 0;}
#home #box-02 .area-01 .entry .left span{ font-weight:bold; color:#fff; display:inline-block; position:absolute; top:15px; left:0; transform:rotate(-45deg); z-index:2; font-family:'Zen Maru Gothic', sans-serif;}


#home #box-02 .area-01 .entry .right{ width:680px; float:right;}
#home #box-02 .area-01 .entry .right .p-01{ font-size:20px; margin-bottom:6px;}
#home #box-02 .area-01 .entry .right ul{ margin-bottom:5px;}
#home #box-02 .area-01 .entry .right ul li{ font-size:16px; font-weight:bold; margin-bottom:10px; line-height:1em; vertical-align:middle; display:inline-block; margin-right:20px; font-family:'Zen Maru Gothic', sans-serif;}
#home #box-02 .area-01 .entry .right ul span.green{ background:#a4c274; width:60px; height:25px; line-height:25px; font-size:15px; font-weight:bold; color:#fff; text-align:center; display:inline-block; border-radius:30px; margin-right:5px;}
/*文字色*/
#home #box-02 .area-01 .entry .right ul span.blue{ color:#399fe7;}
#home #box-02 .area-01 .entry .right ul span.pink{ color:#fb84b4;}


#home #box-02 .area-01 .entry .right .inner{ background:#fbfaf5; padding:20px; margin-bottom:5px;}
#home #box-02 .area-01 .entry .right .inner table{ width:100%;}
#home #box-02 .area-01 .entry .right .inner table th span{ background:#ff9844; width:60px; height:25px; line-height:25px; font-size:15px; font-weight:bold; color:#fff; text-align:center; display:inline-block; border-radius:30px; font-family:'Zen Maru Gothic', sans-serif;}
#home #box-02 .area-01 .entry .right .inner table th{ width:70px; text-align:left; vertical-align:top;}
#home #box-02 .area-01 .entry .right .inner table td{ letter-spacing:normal;}
#home #box-02 .area-01 .entry .right .inner table tr:first-child th{ padding-bottom:15px;}
#home #box-02 .area-01 .entry .right .inner table tr:first-child td{ font-weight:bold; padding-bottom:15px;}

#home #box-02 .area-01 .entry .right .p-area{ overflow:hidden; padding:0 5px;}
#home #box-02 .area-01 .entry .right .p-area .p-left{ font-size:14px; letter-spacing:normal; display:inline-block; float:left;}
#home #box-02 .area-01 .entry .right .p-area .p-right{ font-size:15px; font-weight:bold; display:inline-block; float:right; position:relative;}
#home #box-02 .area-01 .entry .right .p-area .p-right a{ color:#333; letter-spacing:normal; text-decoration:none; display:block; font-family:'Zen Maru Gothic', sans-serif;}
#home #box-02 .area-01 .entry .right .p-area .p-right span{ display:inline-block;vertical-align:middle;color:#ff9844;line-height:1;position:relative;width:1.1em;height:1.1em;border:0.1em solid currentColor;background:currentColor;border-radius:50%;box-sizing:content-box; margin-right:5px;}
#home #box-02 .area-01 .entry .right .p-area .p-right span::before {content:'';color:#fff;width:0;height:0;border-style:solid;border-color:transparent;border-width:0.3em 0.4em;border-left-color:currentColor;border-right:0;transform:translateX(15%);position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
#home #box-02 .area-01 .more{ margin-bottom:0px;}



.box-contact{ background:url(../images/common/bk-img-01.png) right bottom no-repeat; width:1024px; height:400px; margin:auto; display:table; padding:0;}
.box-contact .caution{font-size:22px;font-weight:bold;color:#ff9844;}
.box-contact.box2{ background:url(../images/common/bk-img-02.png) right bottom 20px no-repeat;}
.box-contact .area-01{ display:table-cell; vertical-align:middle;}
.box-contact .area-01 h2{ font-size:26px; font-weight:bold; color:#cf4f79; margin-bottom:20px;}
.box-contact .area-01 p { line-height:1.8em; margin-bottom:40px;}
.box-contact .area-01 .more{ margin:0;}



#home #box-03{ padding:80px 0 100px;}
#home #box-03 .area-01{ overflow:hidden; margin-bottom:70px;}
#home #box-03 .area-01 .entry{ background:#fff; width:200px; float:left; border-radius:10px; margin-right:20px;}
#home #box-03 .area-01 .entry:last-child{ margin-right:0px;}
#home #box-03 .area-01 .entry img{ border-radius:10px 10px 0 0;}
#home #box-03 .area-01 .entry .inner{ padding:20px 16px 30px;}
#home #box-03 .area-01 .entry .inner .p-01{ font-size:18px; font-weight:bold; color:#aac67d; text-align:center; margin-bottom:5px; font-family:'Zen Maru Gothic', sans-serif;}
#home #box-03 .area-01 .entry .inner .p-01 span{ font-size:24px;}
#home #box-03 .area-01 .entry .inner h3{ font-size:20px; font-weight:bold; color:#ff9844; text-align:center; line-height:1em; margin-bottom:15px;}
#home #box-03 .area-01 .entry .inner p{ font-size:14px; letter-spacing:normal; text-align:justify;}
#home #box-03 .area-01 .arrow{ float:left; margin:100px 20px 0 0;}

#home #box-03 .area-02{ overflow:hidden;}
#home #box-03 .area-02 .t-box{ width:500px; float:left;}
#home #box-03 .area-02 .t-box h3{ font-size:28px; font-weight:bold; color:#cf4f79; margin-bottom:20px;}
#home #box-03 .area-02 .t-box p { margin-bottom:40px;}
#home #box-03 .area-02 .t-box p span{ font-weight:bold;}
#home #box-03 .area-02 .t-box .p-donation{ background:#fff; border-radius:10px; padding:15px 20px; margin-top:15px;}
#home #box-03 .area-02 .t-box .more{ margin:0;}
#home #box-03 .area-02 img{ float:right;}



#home #box-04{ padding:100px 0 100px;}
#home #box-04 .p-title{ background:#fff; width:590px; line-height:40px; font-size:22px; font-weight:bold; text-align:center; border:1px solid #cf4f79; margin:0 auto 15px;}
#home #box-04 .p-title span{ position:relative; font-family:'Zen Maru Gothic', sans-serif;}
#home #box-04 .p-title img{ position:absolute;}
#home #box-04 .p-title img:nth-child(1){ top:-16px; left:-50px;}
#home #box-04 .p-title img:nth-child(2){ top:-8px; right:-50px;}
#home #box-04 h2 { font-size:32px; font-weight:bold; color:#7e5f3f; text-align:center; margin-bottom:40px;}
#home #box-04 .area-01{ overflow:hidden; margin-bottom:50px;}

#home #box-04 .area-01{ background:#fff; padding:75px 75px 130px; border-radius:30px; border:5px solid #c6aa8e; background-image:url(../images/common/bk-ico-top.png), url(../images/common/bk-02.png); background-position:right top, center bottom; background-repeat:no-repeat; margin-bottom:50px;}
#home #box-04 .area-01 ul{}
#home #box-04 .area-01 ul li{ font-size:24px; font-weight:bold; color:#cf4f79; margin-bottom:25px; padding-left:1.2em; text-indent:-1.2em; font-family:'Zen Maru Gothic', sans-serif;}

#home #box-04 .area-02{ overflow:hidden;}
#home #box-04 .area-02 .t-box{ width:500px; float:right;}
#home #box-04 .area-02 .t-box h3{ font-size:28px; font-weight:bold; color:#cf4f79; margin-bottom:20px;}
#home #box-04 .area-02 .t-box p { line-height:1.8em; margin-bottom:30px;}
#home #box-04 .area-02 .t-box p span{ font-weight:bold;}
#home #box-04 .area-02 .t-box .more{ margin:0;}
#home #box-04 .area-02 img{ float:left;}


#home #box-news{ padding:100px 0;}
#home #box-news h2{ background:none; text-align:center; margin-right:90px;}
#home #box-news h2 span{ background:url(../images/common/h2-left.png) left top no-repeat; padding-left:75px; height:85px; display:inline-block;}
#home #box-news .area-01{ background:#fff; padding:80px 60px; border-radius:30px; box-shadow:0 0 15px rgba(136,109,82,.1);}
#home #box-news .area-01 dl{ border-bottom:1px solid #c6aa8e;}
#home #box-news .area-01 dt{ font-weight:bold; padding-top:20px; border-top:1px solid #c6aa8e; vertical-align:middle; font-family:'Zen Maru Gothic', sans-serif;}
#home #box-news .area-01 dt .date{ color:#7e5f3f;}
#home #box-news .area-01 dt .catego{ font-size:13px; color:#fff; background:#f89f49; padding:2px 10px; display:inline-block; border-radius:20px; margin-left:10px;}
#home #box-news .area-01 dt .title { font-size:18px; display:block; margin:5px 0 10px;}
#home #box-news .area-01 dt .title a{ color:#0066c0;}
#home #box-news .area-01 dd{ font-size:15px; letter-spacing:normal; padding-bottom:20px;}
#home #box-news .area-01 .more{ margin-bottom:0;}




/*▼▼▼譲渡までの流れ　flow▼▼▼*/
#flow .bk-01{ background:url(../images/flow/bk-01.jpg) center top no-repeat; height:350px;}
#flow .bk-brown{ background:#eae4d3; background-image:url(../images/flow/bk-brown.jpg), url(../images/flow/bk-bottom.jpg); background-position:center top, bottom center; background-repeat:no-repeat;}


#flow #box-00 {padding: 100px 0 50px;}
#flow #box-00 h2 { font-size: 32px;font-weight: bold;color: #7e5f3f;text-align: center;margin:40px 0 40px;}
#flow #box-00 .p-title {background: #fff;width: 590px;line-height: 40px;font-size: 22px;font-weight: bold;text-align: center;border: 1px solid #cf4f79;margin: 0 auto 15px;}
#flow #box-00 .caution{font-size: 32px;font-weight: bold;color:#ff9844;text-align: center;margin-bottom: 40px;}
#flow #box-00 .area-01 {text-align: center;}
#flow #box-00 .area-01 {background: #fff; border: 5px solid #aac67d;border-radius: 30px;padding:45px 45px;margin-bottom: 30px;position: relative;}
#flow #box-00 .area-01 ul {display: inline-block;text-align: left;}
#flow #box-00 .area-01 ul li {font-size: 24px;font-weight: bold;color:#7e5f3f;margin-bottom: 25px;padding-left: 1.2em;text-indent: -1.2em;font-family: 'Zen Maru Gothic', sans-serif;}


#flow #box-01{}
#flow #box-01 .area-01{ background:#fff; border:5px solid #aac67d; border-radius:30px; padding:25px 45px; margin-bottom:30px; position:relative;}
#flow #box-01 .area-01 h3{ background:#aac67d; font-size:28px; font-weight:bold; color:#fff; line-height:55px; padding-left:25px; margin-bottom:25px;}
#flow #box-01 .area-01 .inner{ overflow:hidden;}
#flow #box-01 .area-01 .inner img{ float:left;}
#flow #box-01 .area-01 .inner .t-box{ background:#fef2d1; width:674px; height:230px; float:right; display:table; padding:0 30px; box-sizing:border-box;}
#flow #box-01 .area-01 .inner .t-box p{ line-height:1.8em; display:table-cell; vertical-align:middle;}
#flow #box-01 .area-01 .arrow{ position:absolute; bottom:-55px; left:0; right:0; margin:auto; z-index:2;}


#flow #box-02{ padding-top:100px;}
#flow #box-02 .p-title{ background:#fff; width:590px; line-height:40px; font-size:22px; font-weight:bold; text-align:center; border:1px solid #cf4f79; margin:0 auto 10px;}
#flow #box-02 .p-title span{ position:relative;}
#flow #box-02 .p-title img{ position:absolute;}
#flow #box-02 .p-title img:nth-child(1){ top:-16px; left:-50px;}
#flow #box-02 .p-title img:nth-child(2){ top:-8px; right:-50px;}
#flow #box-02 h2 { font-size:32px; font-weight:bold; color:#7e5f3f; text-align:center; margin-bottom:30px;}
#flow #box-02 .p-01{ font-size:16px; text-align:center; line-height:1.8em; margin-bottom:50px;}
#flow #box-02 .p-01 span{ font-weight:bold;}
#flow #box-02 .area-01{ background:#fff; border-radius:30px; overflow:hidden; padding:40px 50px 40px; margin-bottom:50px; box-shadow:0 0 15px rgba(136,109,82,.1)}
#flow #box-02 .area-01 h3{ background:#9e9072; font-size:28px; font-weight:bold; color:#fff; line-height:55px; padding-left:25px; margin-bottom:40px;}
#flow #box-02 .area-01 img{ float:right;}
#flow #box-02 .area-01 .t-box{ width:660px; float:left;}
#flow #box-02 .area-01 .t-box p{ line-height:1.8em;}

#flow #box-03{}
#flow #box-03 .area-01{ background:#fff; border:5px solid #aac67d; border-radius:30px; padding:45px 45px; margin-bottom:30px; position:relative;}
#flow #box-03 .area-01 h3{ background:#aac67d; font-size:28px; font-weight:bold; color:#fff; line-height:55px; padding-left:25px; margin-bottom:25px;width: 250px;}
#flow #box-03 .area-01 .adoption{font-size: 24px;font-weight: bold;color:#7e5f3f;line-height:2em;text-indent: -1.2em;font-family: 'Zen Maru Gothic', sans-serif;}


/*▼▼▼ペトサトについて　about▼▼▼*/
#about .bk-01{ background:url(../images/about/bk-01.jpg) center top no-repeat; height:350px;}

#about #box-01{ padding:80px 0 100px;}
#about #box-01 .area-01{ margin-bottom:70px;}
#about #box-01 .area-01 p{ line-height:1.8em; margin-bottom:40px;}

#about #box-01 .area-02{ overflow:hidden;}
#about #box-01 .area-02 .entry{ background:#fff; width:480px; float:left; border-radius:30px; border:5px solid #aac67d; padding:30px 44px 35px; box-sizing:border-box;}
#about #box-01 .area-02 .entry:last-child{ float:right;}
#about #box-01 .area-02 .entry h3{ background:#ff9844; font-size:24px; font-weight:bold; color:#fff; text-align:center; line-height:50px; margin-bottom:25px;}
#about #box-01 .area-02 .entry p { font-size:16px; line-height:1.8em; padding-top:25px;}


#about .bk-brown{ padding:120px 0;}
#about #box-02{ background:#fff url(../images/about/bk-img.png) right bottom no-repeat; padding:80px 50px; border-radius:30px;box-shadow:0 0 15px rgba(136,109,82,.1);}
#about #box-02 .area-01{ width:650px;}
#about #box-02 .area-01 p{ line-height:2em;}
#about #box-02 .area-01 .p-01{ text-align:right; font-weight:500; padding-top:30px; font-family:'Zen Maru Gothic', sans-serif;}
#about #box-02 .area-01 .p-01 span{ font-size:22px; font-weight:bold; padding-left:15px;}


#about #box-03{ padding:80px 0 100px;}
#about #box-03 h3{ font-size:26px; font-weight:bold; color:#74a329; margin-bottom:25px; border-left:4px solid #ff9844; padding-left:15px;}
#about #box-03 .area-01{ margin-bottom:70px;}
#about #box-03 .area-02{ margin-bottom:70px;}
#about #box-03 table{ width:100%; background:#fff;}
#about #box-03 table th{ padding:20px 0px 20px 40px; border:1px solid #c6aa8e; border-right:none; width:230px; font-size:18px; font-weight:bold; color:#7e5f3f; text-align:left; font-family:'Zen Maru Gothic', sans-serif;}
#about #box-03 table td{ padding:20px 20px; border:1px solid #c6aa8e; border-left:none;}
#about #box-03 table td span{ border-left:1px solid #c6aa8e; padding:10px 0 10px 40px;}

#about #box-03 .area-03{}
#about #box-03 .area-03 .inner{ background:#fff; border:1px solid #c6aa8e; padding:15px 50px; overflow:hidden;}
#about #box-03 .area-03 .inner p{ font-size:18px; font-weight:bold; color:#7e5f3f; float:left; padding-top:18px; font-family:'Zen Maru Gothic', sans-serif;}
#about #box-03 .area-03 .inner .more{ width:300px; margin:0; float:right;}






/*▼▼▼お問い合わせ・入会申込　contact▼▼▼*/

#contact .p-title{ font-size:24px; font-weight:bold; text-align:center; padding:100px 0 50px;}

#contact #box-01{}
#contact #box-01 p{font-size:20px; line-height:2em;}
#contact #box-01 .h2-01 {background:url(../images/common/h2-left.png) left top no-repeat;font-size:36px;font-weight:bold;color:#7e5f3f;padding-left:75px; height:85px;line-height:1.5em;margin-bottom:40px;}
#contact #box-01 .caution{font-size:22px;font-weight:bold;color:#ff9844;}
#contact .bk-green{ min-height:330px;}
#contact #box-02{ background:url(../images/contact/bk-img.png) right bottom no-repeat; width:1024px; height:330px; margin:auto; display:table; padding:0;}
#contact #box-02 .area-01{ display:table-cell; vertical-align:middle;}
#contact #box-02 .area-01 h2{ font-size:36px; font-weight:bold; color:#cf4f79; margin-bottom:10px;}
#contact #box-02 .area-01 ul{}
#contact #box-02 .area-01 ul li{ font-size:50px; font-weight:bold; margin-bottom:10px; line-height:1em; vertical-align:middle; margin-bottom:15px;}
#contact #box-02 .area-01 ul li a{ font-size:50px; color:#7e5f3f; display:inline-block; text-decoration:none; vertical-align:middle; font-family:'Zen Maru Gothic', sans-serif;}
#contact #box-02 .area-01 ul li span{ background:#ff9844; width:90px; height:25px; line-height:25px; font-size:15px; font-weight:bold; color:#fff; text-align:center; display:inline-block; vertical-align:middle; border-radius:30px; margin-right:10px; font-family:'Zen Maru Gothic', sans-serif;}
/*色違い*/
#contact #box-02 .area-01 ul li:last-child{ font-size:15px; margin-bottom:0;}
#contact #box-02 .area-01 ul li:last-child span{ background:#a4c274;}




#contact #box-03 .area-01{ width:1024px; margin:0 auto 70px;}
#contact #box-03 .area-01 ul{}
#contact #box-03 .area-01 li{ line-height:2em; letter-spacing:normal; text-indent:-1em; padding-left:1em;}


#contact #box-03 .area-01{ overflow:hidden; margin:auto;}
#contact #box-03 .area-01 p{ font-size:18px; font-weight:bold; margin-bottom:30px;}
#contact #box-03 .area-01 ul{ display:inline-block; margin-bottom:30px;}
#contact #box-03 .area-01 li{ text-align:left; text-indent:-1em; padding-left:1em;}

#contact #box-03 .area-02 .area-mailform{ background:#fff; padding:50px; border-radius:20px; box-shadow:0 0 15px rgba(136,109,82,.1);}
#contact #box-03 .area-02 .area-mailform table{ width:100%; margin-bottom:50px;}
#contact #box-03 .area-02 .area-mailform table tr{}
#contact #box-03 .area-02 .area-mailform table td{ background:#fff; padding:20px 8px; vertical-align:middle;}
#contact #box-03 .area-02 .area-mailform table td.td-01{ width:200px; font-size:17px; font-weight:bold; color:#7e5f3f; vertical-align:top; padding-left:20px; font-family:'Zen Maru Gothic', sans-serif;}
#contact #box-03 .area-02 .area-mailform table tr:last-child td{ border-bottom:1px solid #c7b5a3;}
#contact #box-03 .area-02 .area-mailform table ul li{ margin-bottom:7px;}
#contact #box-03 .area-02 .area-mailform table ul li:last-of-type{ margin-bottom:0px;}
#contact #box-03 .area-02 .area-mailform table ul.ul-01 li{ margin-bottom:0px;}
#contact #box-03 .area-02 .area-mailform table select{ padding:3px; font-size:15px;}
#contact #box-03 .area-02 .area-mailform table input{ padding:3px; font-size:15px;}
#contact #box-03 .area-02 .area-mailform table label img{ display:block; margin:0 auto 3px;}
#contact #box-03 .area-02 .area-mailform table button{}
#contact #box-03 .area-02 .area-mailform .chui{ font-weight:bold; color:#fff; background:#cf4f79; font-size:11px; padding:0px 10px; margin-right:7px;-webkit-border-radius:30px;-moz-border-radius:5px;border-radius:30px; position:relative; bottom:3px; float:right;position:relative; top:0px; font-family:'Zen Maru Gothic', sans-serif;}

#contact #box-03 .area-02 .area-mailform .chui-01{ float:left;}
#contact #box-03 .area-02 .area-mailform .p-01{ margin-top:5px;}
#contact #box-03 .area-02 .area-mailform .autotext{ margin-bottom:30px;}
#contact #box-03 .area-02 .area-mailform .p-02{ font-weight:bold;}
#contact #box-03 .area-02 .area-mailform .p-min{ font-size:14px; letter-spacing:normal; padding-top:5px;}
#contact #box-03 .area-02 .area-mailform .w01{width:99%;}
#contact #box-03 .area-02 .area-mailform .w02{width:40%;}

#contact #box-03 .area-02 .area-mailform h2{ font-size:22px; font-weight:bold; margin-bottom:10px;}
#contact #box-03 .area-02 .area-mailform .kakunin{ background:#F0F7FC; overflow:hidden; padding:5px 5px;margin-bottom:20px; text-align:center;}
#contact #box-03 .area-02 .area-mailform .tb-01{}
#contact #box-03 .area-02 .area-mailform .tb-03{ text-align:center; position:relative; left:-30px;}
#contact #box-03 .area-02 .area-mailform .tb-03 .chui{ float:none;}
#contact #box-03 .area-02 .area-mailform .tb-02{ text-align:center;}
#contact #box-03 .area-02 .area-mailform .tb-04{ height:200px;overflow-y:scroll;padding:20px; border:#999 solid 1px; background:#FFF; margin:auto; margin-bottom:50px; }
#contact #box-03 .area-02 .area-mailform .btn{ width:500px; background:linear-gradient(to right,#f89e49, #ffe49b); font-size:20px; font-weight:500; color:#fff; padding:20px 0; border-radius:15px; display:block; text-decoration:none; position:relative; border:none; margin:auto; transition:0.5s; font-family:'Zen Maru Gothic', sans-serif;}
#contact #box-03 .area-02 .area-mailform .btn:hover{opacity:0.5; filter:alpha(opacity=50);-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s;cursor:pointer;}

/*ボタンの丸囲三角*/
#contact #box-03 .area-02 .area-mailform .btn span{ display:inline-block;vertical-align:middle;color:#fff;line-height:1;position:absolute;width:1.1em;height:1.1em;border:0.1em solid currentColor;background:currentColor;border-radius:50%;box-sizing:content-box; right:25px; top:35%;}
#contact #box-03 .area-02 .area-mailform .btn span::before {content:'';color:#ffbb84;width:0;height:0;border-style:solid;border-color:transparent;border-width:0.3em 0.4em;border-left-color:currentColor;border-right:0;transform:translateX(15%);position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}


#contact #box-03 .area-02 .area-mailform .p-03{ font-weight:bold; margin-bottom:10px;}
#contact #box-03 .area-02 .area-mailform .p-04{ font-weight:bold;}
#contact #box-03 .area-02 .area-mailform .p-05{margin-bottom:15px;}
#contact #box-03 .area-02 .area-mailform .ul-01{margin-bottom:15px;}

#contact #box-03 .area-02 .area-mailform .tb-04 p{}





/*▼▼▼ペット一覧　pet▼▼▼*/
#pet .bk-01{ background:url(../images/home/bk-01.jpg) center top no-repeat;}
#pet #box-01{}
#pet #box-01 .p-title{ font-size:18px; line-height:1.8em; margin-bottom:30px;}
#pet #box-01 .p-title a{ color:#ff9844;}
#pet #box-01 .area-btn{ overflow:hidden; margin-bottom:100px;}
#pet #box-01 .area-btn .btn{ width:230px; float:left; font-size:20px; font-weight:bold; text-align:center; margin-right:34px; font-family:'Zen Maru Gothic', sans-serif;}
#pet #box-01 .area-btn .btn:last-child{ margin-right:0px;}
#pet #box-01 .area-btn .btn a{ background:linear-gradient(to right,#81a942, #b5dc76); color:#fff; line-height:1.8em; border-radius:10px; padding:15px 0; display:block; text-decoration:none; position:relative;}
/*ボタンの丸囲三角*/
#pet #box-01 .area-btn .btn span{ display:inline-block; vertical-align:middle;color:#fff;line-height:1;position:absolute;width:1.1em;height:1.1em;border:0.1em solid currentColor;background:currentColor;border-radius:50%;box-sizing:content-box;right:15px;top:40%;}
#pet #box-01 .area-btn .btn span::before {content:'';color:#b3d77a;width:0;height:0;border-style:solid;border-color:transparent;border-width:0.3em 0.4em;border-left-color:currentColor;border-right:0;transform:translateX(15%);position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}

#pet #box-01 .area-01{ background:#fff; padding:80px 50px; border-radius:30px; box-shadow:0 0 15px rgba(136,109,82,.1); margin-bottom:70px;}
#pet #box-01 .area-01 h3{ line-height:70px; font-size:32px; font-weight:bold; color:#fff; padding-left:90px; margin-bottom:40px; position:relative;}
#pet #box-01 .area-01 h3 span{ font-size:20px; display:inline-block; margin-left:10px;}
#pet #box-01 .area-01 h3 img { position:absolute; right:20px; bottom:5px;}
#pet #box-01 .area-01 .h3-dog{ background:#9e9072 url(../images/common/h3-dog.png) 20px 5px no-repeat;}
#pet #box-01 .area-01 .h3-cat{ background:#9e9072 url(../images/common/h3-cat.png) 20px 5px no-repeat;}
#pet #box-01 .area-01 .h3-rabbit{ background:#9e9072 url(../images/common/h3-rabbit.png) 20px 5px no-repeat;}
#pet #box-01 .area-01 .h3-bird{ background:#9e9072 url(../images/common/h3-bird.png) 20px 5px no-repeat;}

#pet #box-01 .area-01 .entry{ overflow:hidden; margin-bottom:50px;}
#pet #box-01 .area-01 .entry:last-child{ margin-bottom:30px;}
#pet #box-01 .area-01 .entry .left { width:220px; float:left; position:relative;}
#pet #box-01 .area-01 .entry .left img{ border-radius:10px;}
/*左上三角*/
#pet #box-01 .area-01 .entry .left:before{ position:absolute; content:""; left:0; top:0; width:0; height:0; border-style:solid; border-width:80px 80px 0 0; border-color:#cf4f79 transparent transparent transparent; z-index:1; border-radius:8px 0 0 0;}
#pet #box-01 .area-01 .entry .left span{ font-weight:bold; color:#fff; display:inline-block; position:absolute; top:15px; left:0; transform:rotate(-45deg); z-index:2; font-family:'Zen Maru Gothic', sans-serif;}


#pet #box-01 .area-01 .entry .right{ width:680px; float:right; padding-top:10px;}
#pet #box-01 .area-01 .entry .right ul{ margin-bottom:5px;}
#pet #box-01 .area-01 .entry .right ul li{ font-size:16px; font-weight:bold; margin-bottom:10px; line-height:1em; vertical-align:middle; display:inline-block; margin-right:20px; font-family:'Zen Maru Gothic', sans-serif;}
#pet #box-01 .area-01 .entry .right ul span.green{ background:#a4c274; width:60px; height:25px; line-height:25px; font-size:15px; font-weight:bold; color:#fff; text-align:center; display:inline-block; border-radius:30px; margin-right:5px;}
/*文字色*/
#pet #box-01 .area-01 .entry .right ul span.blue{ color:#399fe7;}
#pet #box-01 .area-01 .entry .right ul span.pink{ color:#fb84b4;}


#pet #box-01 .area-01 .entry .right .inner{ background:#fbfaf5; padding:20px; margin-bottom:5px;}
#pet #box-01 .area-01 .entry .right .inner table{ width:100%;}
#pet #box-01 .area-01 .entry .right .inner table th span{ background:#ff9844; width:60px; height:25px; line-height:25px; font-size:15px; font-weight:bold; color:#fff; text-align:center; display:inline-block; border-radius:30px; font-family:'Zen Maru Gothic', sans-serif;}
#pet #box-01 .area-01 .entry .right .inner table th{ width:70px; text-align:left; vertical-align:top;}
#pet #box-01 .area-01 .entry .right .inner table td{ letter-spacing:normal;}
#pet #box-01 .area-01 .entry .right .inner table tr:first-child th{ padding-bottom:15px;}
#pet #box-01 .area-01 .entry .right .inner table tr:first-child td{ font-weight:bold; padding-bottom:15px;}

#pet #box-01 .area-01 .entry .right .p-area{ overflow:hidden; padding:0 5px;}
#pet #box-01 .area-01 .entry .right .p-area .p-left{ font-size:14px; letter-spacing:normal; display:inline-block; float:left;}
#pet #box-01 .area-01 .entry .right .p-area .p-right{ font-size:15px; font-weight:bold; display:inline-block; float:right; position:relative;}
#pet #box-01 .area-01 .entry .right .p-area .p-right a{ color:#333; letter-spacing:normal; text-decoration:none; display:block; font-family:'Zen Maru Gothic', sans-serif;}
#pet #box-01 .area-01 .entry .right .p-area .p-right span{ display:inline-block;vertical-align:middle;color:#ff9844;line-height:1;position:relative;width:1.1em;height:1.1em;border:0.1em solid currentColor;background:currentColor;border-radius:50%;box-sizing:content-box; margin-right:5px;}
#pet #box-01 .area-01 .entry .right .p-area .p-right span::before {content:'';color:#fff;width:0;height:0;border-style:solid;border-color:transparent;border-width:0.3em 0.4em;border-left-color:currentColor;border-right:0;transform:translateX(15%);position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
#pet #box-01 .area-01 .more{ margin-bottom:0px;}



.pet #box-01 h2{ line-height:70px; font-size:32px; font-weight:bold; color:#fff; padding-left:90px; margin-bottom:40px; position:relative;}
.pet #box-01 h2 span{ font-size:20px; display:inline-block; margin-left:10px;}
.pet #box-01 h2 img { position:absolute; right:20px; bottom:5px;}

.pet #box-01 .h2-dog{ background:#9e9072 url(../images/common/h3-dog.png) 20px 5px no-repeat;}
.pet #box-01 .h2-cat{ background:#9e9072 url(../images/common/h3-cat.png) 20px 5px no-repeat;}
.pet #box-01 .h2-rabbit{ background:#9e9072 url(../images/common/h3-rabbit.png) 20px 5px no-repeat;}
.pet #box-01 .h2-bird{ background:#9e9072 url(../images/common/h3-bird.png) 20px 5px no-repeat;}

.pet #box-01 .area-pet{ overflow:hidden; padding:10px;}
.pet #box-01 .area-pet .entry{ background:#fff; width:205px; float:left; border-radius:20px; margin:0 21px 21px 0; position:relative; box-shadow:0 0 10px rgba(136,109,82,.1);}
.pet #box-01 .area-pet .entry a{ display:block; text-decoration:none;}
.pet #box-01 .area-pet .entry:nth-child(3n){ margin-right:0;}
.pet #box-01 .area-pet .entry img{ width:210px; height:210px; object-fit:cover; border-radius:10px 10px 0 0;}

.pet #box-01 .area-pet .entry .inner{ padding:20px 15px 20px;}
.pet #box-01 .area-pet .entry .inner h3{ font-size:15px; font-weight:bold; letter-spacing:normal; text-align:justify; margin-bottom:15px;}
.pet #box-01 .area-pet .entry .inner ul{}
.pet #box-01 .area-pet .entry .inner ul li{ font-size:14px; font-weight:bold; margin-bottom:10px; line-height:1em; vertical-align:middle; margin-bottom:10px; font-family:'Zen Maru Gothic', sans-serif;}
.pet #box-01 .area-pet .entry .inner ul li:last-child{ margin-right:0;}
.pet #box-01 .area-pet .entry .inner ul span.green{ background:#a4c274; width:50px; height:20px; line-height:20px; font-size:13px; font-weight:bold; color:#fff; text-align:center; display:inline-block; border-radius:30px; margin-right:5px;}
/*文字色*/
.pet #box-01 .area-pet .entry .inner ul span.blue{ color:#399fe7;}
.pet #box-01 .area-pet .entry .inner ul span.pink{ color:#fb84b4;}
.pet #box-01 .area-pet .entry .inner p{ font-size:13px; text-align:left; letter-spacing:normal; padding-top:5px;}



.pet #box-01 .area-pet .entry .bosyu{ font-weight:bold; color:#fff; display:inline-block; position:absolute; top:15px; left:0; transform:rotate(-45deg); z-index:10; font-family:'Zen Maru Gothic', sans-serif;}






/*▼▼▼ブログ共通　bl▼▼▼*/
.bl #wrper{ width:1024px; margin:auto; overflow:hidden; padding:80px 0;}

/*　左カラム　*/
.bl #mleft{ width:680px; float:left;}
.bl #mleft .box{ width:680px; padding-top:0;}
.bl #mleft #box-01{ padding-bottom:0;}


/* アーカイブ・カテゴリー */
.bl #mleft .area-01{}
.bl #mleft .tb-01{ overflow:hidden; clear:both; padding-bottom:30px; margin-bottom:30px;border-bottom:#999 dotted 1px;}
.bl #mleft .tb-01 img{ width:170px; height:170px;object-fit:cover; float:left; margin-right:20px; border-radius:10px;}

.bl #mleft .tb-01 .p-01{ font-size:19px; font-weight:bold; margin-bottom:15px;}
.bl #mleft .tb-01 .p-01 a{ font-weight:bold; color:#0066c0;}



/* news・カテゴリー */
#news #mleft .area-01{}
#news #mleft .area-01 table{ width:100%;}
#news #mleft .area-01 table td{ padding:15px 0px; border-bottom:#999 dotted 1px;}
#news #mleft .area-01 table td.td-01{ width:150px; padding-left:50px; background:url(../images/common/ico-more.png) 0 18px no-repeat; background-size:20px; padding-left:30px;}
#news #mleft .tb-01 .p-01 a{ font-weight:bold; color:#0066c0;}



/*　右サイドカラム　*/
#mright{ width:270px; float:right;}
#mright .sbox{ margin-bottom:50px;}

#mright h2{ font-size:19px; font-weight:bold; color:#7e5f3f; letter-spacing:normal; padding-bottom:3px; position:relative; margin-bottom:10px;}
#mright h2 span{ font-size:14px; font-weight:bold; color:#f89f49; display:inline-block; margin-left:10px;}
#mright h2:before{ box-sizing:inherit; display:block; height:1px; position:absolute; content:""; bottom:0; left:0; width:40%; z-index:1; background:#c7b5a3;}
#mright h2:after { content:""; bottom:0; left:0; width:100%; background:#ddd; box-sizing:inherit; display:block; height:1px; position:absolute; z-index:0;}


#mright #sbox-01{}
#mright #sbox-01 ul{}
#mright #sbox-01 ul li{ overflow:hidden; margin-bottom:7px;}
#mright #sbox-01 ul li a{ padding:0px; text-decoration:none; display:block; transition:0.2s;}
#mright #sbox-01 ul li .img{ width:80px; height:80px; float:left; overflow:hidden; border:1px solid #efefef; box-sizing:border-box; border-radius:5px;}
#mright #sbox-01 ul li img{ width:80px; height:80px; object-fit:cover; float:left;transition:0.3s; border-radius:0px; border-radius:5px;}
#mright #sbox-01 ul li p{ width:180px; font-size:14px; font-weight:500; color:#555; letter-spacing:normal; display:inline-block; float:right; padding-top:2px;}
#mright #sbox-01 ul li a:hover{ opacity:0.9; transition:0.2s;}
#mright #sbox-01 ul li a:hover img{ -webkit-transform:scale(1.04); transform:scale(1.04); transition:0.3s;}


#mright #sbox-02{}
#mright #sbox-02 ul{}
#mright #sbox-02 ul li{ border-bottom:1px solid #ddd;}
#mright #sbox-02 ul li a{ background:url(../images/common/ico-f.png) left 6px top 15px no-repeat; font-size:15px; color:#555; background-size:17px auto; padding:10px 10px 10px 32px; letter-spacing:normal; text-decoration:none; display:block; transition:0.2s;}
#mright #sbox-02 ul li a span{ transition:0.2s;}
#mright #sbox-02 ul li a:hover{ background-color:#f7f0e9; opacity:1; transition:0.2s;}
#mright #sbox-02 ul li a:hover span{ padding-left:3px; transition:0.2s;}


/* キーワードで探す */
#mright #sbox-03{}
#mright #sbox-03 .tag-area{ margin:auto; display:flex; flex-wrap:wrap;}
#mright #sbox-03 .tag-area a{ background:#eae4d3; border-radius:30px; margin:2px; flex:1 1 auto; display:flex; justify-content:space-between;color:#333; display:block; text-decoration:none; font-size:12px; letter-spacing:normal; padding:0.2rem 0.4rem 0.2rem 0.4rem; transition:background-color 0.5s;-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.3s;}
#mright #sbox-03 .tag-area a::before { content:'#'; color:#aaa; margin-right:0.1rem;}
#mright #sbox-03 .tag-area a:hover { color:#fff; opacity:1; filter:alpha(opacity=50); background-color:#c6aa8e;}





/*▼▼▼ブログ記事　single▼▼▼*/

#single .h2-01{ font-size:26px; height:inherit; line-height:1.5em; min-height:85px; padding-top:15px; margin-bottom:20px;}





/*▼▼▼ペット詳細記事　single-pet▼▼▼*/

#single-pet #box-01{}
#single-pet #box-01 .area-01{ padding-bottom:10px;}
/*メイン画像下に余白をつける*/
#single-pet #box-01 .area-01 .slides li{ background:#000;}
#single-pet #box-01 .area-01 .slides li img{max-width:100%; height:400px;object-fit:contain; overflow:hidden;}
#single-pet #box-01 .area-01 .flex-control-thumbs li{ margin-right:10px;}
#single-pet #box-01 .area-01 .flex-control-thumbs li:nth-child(5n){}


#single-pet #box-01 .area-02{ margin-bottom:30px;}
#single-pet #box-01 .area-02 .entry{ padding:10px; margin-bottom:30px;}
#single-pet #box-01 .area-02 .entry .right{ background:#fff; padding:25px 25px 20px; border-radius:15px; box-shadow:0 0 15px rgba(136,109,82,.1);}
#single-pet #box-01 .area-02 .entry .right ul{ margin-bottom:5px;}
#single-pet #box-01 .area-02 .entry .right ul li{ font-size:16px; font-weight:bold; margin-bottom:10px; line-height:1em; vertical-align:middle; display:inline-block; margin-right:20px; font-family:'Zen Maru Gothic', sans-serif;}
#single-pet #box-01 .area-02 .entry .right ul span.green{ background:#a4c274; width:60px; height:25px; line-height:25px; font-size:15px; font-weight:bold; color:#fff; text-align:center; display:inline-block; border-radius:30px; margin-right:5px;}

/*文字色*/
#single-pet #box-01 .area-02 .entry .right ul span.blue{ color:#399fe7;}
#single-pet #box-01 .area-02 .entry .right ul span.pink{ color:#fb84b4;}


#single-pet #box-01 .area-02 .entry .right .inner{ background:#fbfaf5; padding:20px; margin-bottom:5px;}
#single-pet #box-01 .area-02 .entry .right .inner table{ width:100%;}
#single-pet #box-01 .area-02 .entry .right .inner table th span{ background:#ff9844; width:60px; height:25px; line-height:25px; font-size:15px; font-weight:bold; color:#fff; text-align:center; display:inline-block; border-radius:30px; font-family:'Zen Maru Gothic', sans-serif;}
#single-pet #box-01 .area-02 .entry .right .inner table th{ width:70px; text-align:left; vertical-align:top;}
#single-pet #box-01 .area-02 .entry .right .inner table td{ letter-spacing:normal;}
#single-pet #box-01 .area-02 .entry .right .inner table tr:first-child th{ padding-bottom:15px;}
#single-pet #box-01 .area-02 .entry .right .inner table tr:first-child td{ font-weight:bold; padding-bottom:15px;}
#single-pet #box-01 .area-02 .more{ margin:30px auto 20px;}


#single-pet #box-01 .area-03{ border-top:dashed 1px #c7b5a3; margin-bottom:25px;}
#single-pet #box-01 .area-03 .entry{ border-bottom:1px solid #c7b5a3; padding:40px 0;}
#single-pet #box-01 .area-03 .entry h3{ font-size:20px; font-weight:bold; color:#7e5f3f; margin-bottom:10px;}
#single-pet #box-01 .area-03 .entry p { font-size:15px; line-height:2em;}

/* タグの表示（記事最後） */
#single-pet #box-01 .tags-links { padding-top:0px; clear:both;}
#single-pet #box-01 .tags-links i{ position:relative; top:-12px; color:#f89f49; margin-right:5px;}
#single-pet #box-01 .tags-links ul { padding:0 0px;}
#single-pet #box-01 .tags-links ul li{ display:inline-block; font-size:12px;}
#single-pet #box-01 .tags-links a{ background:#eae4d3; display:inline-block; text-decoration:none; color:#333; border-radius:7px; padding:0.2rem 0.8rem 0.2rem 0.5rem; margin-right:0.3rem; margin-bottom:0.25rem; font-size:12px; letter-spacing:normal; border-radius:20px;    transition:0.3s;}
#single-pet #box-01 .tags-links a::before { content:'#'; color:#ccc; margin-right:0.1rem;}
#single-pet #box-01 .tags-links a:hover { color:#fff; opacity:1; filter:alpha(opacity=50); background-color:#c6aa8e; }
#single-pet #box-01 .tags-links a i { font-size:10px; margin-right:1px; -webkit-transition:0; -moz-transition:0; -ms-transition:0s; transition:0; color:#666;}



#single-pet #box-01 .area-video{height:0;overflow:hidden;padding-bottom:56.25%;position:relative; border-radius:20px; overflow:hidden; margin-bottom:20px;}
#single-pet #box-01 .area-video iframe {position:absolute;left:0;top:0;height:100% !important;width:100% !important;}

/*一覧ページのページネーション*/
.pagination { margin:40px 0 0; text-align:center;}
.nav-links {}
.pagination .page-numbers { display:inline-block;margin-right:20px;padding:10px 15px;color:#333;border-radius:3px;box-shadow:1px 1px 5px #999;background:#fff;vertical-align:top;}
.pagination .current { padding:10px 15px; background:#8b2126; color:#fff; }
.pagination .prev,
.pagination .next { background:transparent; box-shadow:none; color:#8b2126; }
.pagination .dots { background:transparent; box-shadow:none; }

/*詳細・個別ページのページネーション*/
.postNavi{ clear:both; margin-top:50px;}
.postNavi span { width:240px; }
.postNavi span.prev { float:left; padding-left:10px; background:url(../images2/bl/arr01_left.png) no-repeat left 0.5em; }
.postNavi span.next { float:right; padding-right:10px; background:url(../images2/bl/arr01_right.png) no-repeat right 0.5em; text-align:right; }





 /*=== 画像の表示エリア ================================= */
.slide {
  position   :relative;
  overflow   :hidden;
                    /* 画面幅いっぱいに広げ、画像の縦横比（1920:800）を維持 */
  width      :100%;
  aspect-ratio :1920 / 800;
  margin     :auto;      /* サンプルは中央寄せの背景：白 */
  background :#fff;
}

.slide .area-01{ width:90%;width:80%;padding-top:clamp(60px, 8.9vw, 170px); margin-left:17vw;position:relative; z-index:2;}
.slide .area-01 img{ width:25%;height:auto;}
 
 /*=== 画像の設定 ======================================= */
.slide .mp {
  display    :block;
  position   :absolute;
  top        :0;
  left       :0;
                      /* 画像を表示エリア全体にフィットさせる */
  width      :100%;
  height     :100%;
  object-fit :cover;
  opacity    :0;
  animation  :slideAnime 9s ease infinite;
}
 
 /*=== スライドのアニメーションを段差で開始する ========= */
.slide .mp:nth-of-type(1) { animation-delay:0s }
.slide .mp:nth-of-type(2) { animation-delay:3s }
.slide .mp:nth-of-type(3) { animation-delay:6s }
 
 /*=== スライドのアニメーション ========================= */
@keyframes slideAnime{
   0% { opacity:0 }
   8% { opacity:1 }
  33% { opacity:1 }
  41% { opacity:0 }
 100% { opacity:0 }
}