@charset "utf-8";

/*----------------------------------------------------------------------
	初期設定
 ---------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, ins, kbd,
q, s, samp, small, strike, strong, sub, sup,
tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	max-width: 100%;
}
a { outline: 0;	text-decoration: none; color:#3a3a3a; }
a:focus { outline: thin dotted; color:#3a3a3a; }
a:hover,
a:active { outline: 0; color:#3a3a3a; text-decoration:underline; }
a:hover { text-decoration:underline; }

address {
	margin-top:0;
}
b,
strong {
	font-size:130%;
	font-weight: 700;
}

cite,
dfn,
em,
i,
b {
	font-weight:700;
}
mark,
ins {
	text-decoration: none;
}
p {
	margin-bottom: 20px;
}
code,
kbd,
tt,
var,
samp,
pre {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
}

pre {
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}
ul,
ol {
	list-style: none;
}
ul {
}
ol {
}
li > ul,
li > ol {
}
img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}
button,
input,
select,
textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

input,
textarea {
	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin-bottom: 24px;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: bold;
}

td {
	border-width: 0 1px 1px 0;
}

del {
	color: #767676;
}

hr {
	border: none;
	border-top: 1px #CCC solid;
	height: 1px;
	margin-bottom:30px;
}
.clear {
	clear:both;
}
.flt-l { float:left; }
.flt-r { float:right; }

/*----------------------------------------------------------------------
	BODY設定
 ---------------------------------------------------------------------*/

body {
	font-family:
	'Lucida Grande',
	'Hiragino Kaku Gothic ProN',
	'ヒラギノ角ゴ ProN W3',
	Meiryo,
	メイリオ,
	sans-serif;
	color:#333;
	background:#ececec;
	font-size:1rem;
}
html, body {
	height: 100%;
	width:100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

/*----------------------------------------------------------------------
	ヘッダー
 ---------------------------------------------------------------------*/

header {
	position: relative;
	width: 100%;
	clear:both;
	overflow:hidden;
}
header h1 {
	position: relative;
	width: 100%;
	clear:both;
	overflow:hidden;
	background:#f87f91;
	text-align:center;
}

/*----------------------------------------------------------------------
	グローバルナビ
 ---------------------------------------------------------------------*/

#gnavi {
	position:absolute;
	display:block;
	left:15%;
	top:-630px;
	width:70%;
	border-radius:10px;
	box-shadow:0 0 5px rgba(0,0,0,0.4);
	z-index:9999;
}
#gnavi h1 {
	border-radius:10px 10px 0 0;
	background:#f83d59;
}
#gnavi h1 img {
	width:40%;
	min-width:40%;
	height:auto;
}
#gnavi ul li {
	position:relative;
	background: #f87f91; /* Old browsers */
	background: -moz-linear-gradient(top,  #f87f91 0%, #e26d7f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f87f91), color-stop(100%,#e26d7f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f87f91 0%,#e26d7f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f87f91 0%,#e26d7f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f87f91 0%,#e26d7f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f87f91 0%,#e26d7f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87f91', endColorstr='#e26d7f',GradientType=0 ); /* IE6-9 */
	border-top:1px solid #d0263f;
}
#gnavi ul li:after {
	position:absolute;
	content:'';
	top:1px;
	left:0;
	width:100%;
	border-top:1px solid #ffbfc9;
}
#gnavi ul li:last-child {
	border-radius: 0 0 10px 10px;
}
#gnavi p#close {
	position:absolute;
	top:-15px;
	right:-45px;
}
#gnavi p#close img {
	width:35%;
	min-width:35%;
	height:auto;
}
#gnavi p#close:hover {
	cursor:pointer;
}
#gnavi ul li a,
#gnavi ul li a:link {
	display:block;
	width:100%;
}
#gnavi ul li:first-child img {
	width:23%;
	min-width:23%;
	height:auto;
}
#gnavi ul li:nth-child(2) img {
	width:60%;
	min-width:60%;
	height:auto;
}
#gnavi ul li:nth-child(3) img {
	width:35%;
	min-width:35%;
	height:auto;
}
#gnavi ul li:nth-child(4) img,
#gnavi ul li:nth-child(5) img,
#gnavi ul li:nth-child(6) img,
#gnavi ul li:nth-child(7) img {
	width:28%;
	min-width:28%;
	height:auto;
}

/*-----------------------------------
	メニュー＆電話
 ----------------------------------*/

header #headerWrap {
	position:relative;
	background:#FFF;
	overflow:hidden;
	clear:both;
	width:100%;
}
#menu {
	position:relative;
	float:left;
	margin:10px 0 10px 1px;
	left:1px;
}
#menu:hover {
	cursor:pointer;
}
#tel {
	position:relative;
	float:right;
	margin:10px 4px 10px 0;
}

/*----------------------------------------------------------------------
	フッター
 ---------------------------------------------------------------------*/

footer {
	position:relative;
	text-align:center;
	margin:0 auto;
	background:#f28989;
}
/*-----------------------------------
	バナー
 ----------------------------------*/

ul.bnrList li {
	margin-bottom:21px;
}
ul.bnrList li img {
	width:100%;
	min-width:100%;
	height:auto;
}

/*-----------------------------------
	ページトップへ
 ----------------------------------*/

p#PageTop {
	position:relative;
	width:100%;
	margin:20px auto 0 auto;
	text-align:center;
}

/*----------------------------------------------------------------------
	トップページ(index.html)
 ---------------------------------------------------------------------*/

img.w-auto {
	width:100%;
	min-width:100%;
	height:auto;
}
/*-----------------------------------
	お知らせ（トップ）
 ----------------------------------*/

#news {
	border:1px solid #d8d8d8;
	background:#f8f8f8;
	padding:21px;
	margin-bottom:17px;
	border-radius:5px;
}
#news h1 {
	margin-bottom:18px;
}
#news h1 img {
	width:100%;
	min-width:100%;
	height:auto;
}

/*----- 画像 -----*/

.Biz_thumbnail {
	width:80% !important;
	height:auto !important;
	overflow:hidden !important;
	display:block !important;
	margin:0 auto;
	text-align:center;
}
.Biz_thumbnail img {
	width:100% !important;
	min-width:100% !important;
	height:auto !important;
	
}

/*----- 記事 -----*/

ul.newsList {
	margin:0;
	text-align:center;
}
ul.newsList li {
	position:relative;
	clear:both;
	overflow:hidden;
	margin:0 0 10px 0;
	padding:10px 0;
	text-align:left;
	border-bottom:1px solid #CCC;
}
ul.newsList li dl {
	margin:20px 0 0 0;
}
ul.newsList li dl dt {
	text-align:left;
	clear:both;
	line-height:120%;
	margin:15px 0;
	overflow:hidden;
}
ul.newsList li dl dd {
	text-align:left;
	color:#595959;
}
.datetime {
	display:block;
	background:#f28989;
	color:#FFF;
	padding:2px 5px;
	width:100px;
	margin-bottom:10px;
	text-align:center;
	font-size:0.7rem;
}
/*.new { color:#F00 !important; margin-left:10px; font-size:0.8rem; }*/
.newsList li:first-child .new { color:#F00 !important; margin-left:10px; font-size:0.8rem; display: inline-block;}
.newsList li .new { display: none;}

.img-hotel {
	border:1px solid #d8d8d8;
	background:#f8f8f8;
	padding:10px;
	border-radius:5px;
}
.more {
	display:none !important;
}
.ryaku {
	display:none !important;
}

/*----------------------------------------------------------------------
	下層ページ
 ---------------------------------------------------------------------*/

/*-----------------------------------
	共通
 ----------------------------------*/

article {
	position:relative;
	clear:both;
	overflow:hidden;
	margin:0;
}
.sBox {
	border:1px solid #d8d8d8;
	background:#f8f8f8;
	padding:10px;
	border-radius:5px;
}

#ttl {
	position:relative;
	margin:0 auto;
	text-align:center;
	background:url(../img/sp/bg/bg-ttl.png) 0 0 repeat-x;
	margin-bottom:31px;
	z-index:1000;
}

section h1 img,
section p img {
	width:90%;
	min-width:90%;
	height:auto;
}

/*----------------------------------------------------------------------
	チェルシーについてページ(about.html)
 ---------------------------------------------------------------------*/

#about {
	position:relative;
	background:url(../img/sp/content-img/about/bg/bg-about.png) 50% 0 no-repeat;
	background-size:130% auto;
}
.aboutBox {
	position:relative;
	padding:18px 25px;
	margin:0 auto;
	clear:both;
	overflow:hidden;
}
.aboutBox h2 {
	margin-bottom:10px;
}
.aboutBox img {
	margin:0 0 14px 0;
	width:100%;
	min-width:100%;
	height:auto;
}
.aboutBox p {
	position:relative;
	text-align:left;
	margin:0 auto 14px auto;
	width:94%;
	font-size:0.8rem;
}

/*-----------------------------------
	チェルシーについて
 ----------------------------------*/

dl.aboutList {
	position:relative;
	clear:both;
	overflow:hidden;
	padding:5px 0;
	width:96%;
	margin:0 auto 20px auto;
}
dl.aboutList dt {
	position:relative;
	float:left;
	font-weight:700;
	margin:0 2px 2px 0;
	padding:6px;
	width:30%;
	font-size:0.7rem;
}
dl.aboutList dd {
	position:relative;
	float:left;
	margin:0 0 2px 0;
	padding:6px;
	width:60%;
	text-align:left;
	font-size:0.7rem;
}
dl.aboutList dt:nth-of-type(1),
dl.aboutList dd:nth-of-type(1),
dl.aboutList dt:nth-of-type(3),
dl.aboutList dd:nth-of-type(3),
dl.aboutList dt:nth-of-type(5),
dl.aboutList dd:nth-of-type(5) {
	background-color:rgba(255,255,255,0.5);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#50FFFFFF,EndColorStr=#50FFFFFF);
}

.h40 {
	min-height:36px;
}
.h80 {
	min-height:110px;
}

/*-----------------------------------
	動物管理者標識
 ----------------------------------*/

dl.adminList {
	position:relative;
	clear:both;
	overflow:hidden;
	width:100%;
	margin:22px auto 64px auto;
}
dl.adminList dt {
	float:left;
	width:45%;
	text-align:right;
	padding:6px;
	font-size:0.65rem;
}
dl.adminList dd {
	float:left;
	width:51%;
	text-align:left;
	padding:6px 0;
	font-size:0.65rem;
}
dl.adminList dt:nth-of-type(2n),
dl.adminList dd:nth-of-type(2n) {
	background-color:rgba(255,255,255,0.5);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#50FFFFFF,EndColorStr=#50FFFFFF);
}

/*----------------------------------------------------------------------
	トリミング(trimming.html)
 ---------------------------------------------------------------------*/

#trimming {
	width:100%;
	margin-top:-60px;
}

/*-----------------------------------
	トリミングについて
 ----------------------------------*/

#trimming-about {
	position:relative;
	background:#FFF;
	width:100%;
	padding:60px 0 36px 0;
}
#trimming h1 {
	margin-bottom:31px;
}
p.txt-trim_abt {
	position:relative;
	font-size:0.7rem;
	line-height:180%;
	width:80%;
	margin:0 auto 17px auto;
}
p.txt-trim_abt span {
	color:#b10d20;
}
.w60 {
	width:60% !important;
	min-width:60% !important;
	height:auto !important;
}

/*-----------------------------------
	トリミングメニュー
 ----------------------------------*/
 
#trimming-menu {
	padding-top:27px;
}
#trimming-menu section {
	padding-bottom:20px;
}
#trimming-menu section.sc2 {
	background:#f3f3f3;
	padding-top:36px;
}
#trimming-menu section.sc3 {
	padding-top:36px;
}
#trimming-menu h1 {
	margin-bottom:25px;
}
#trimming-menu h2 {
	margin-bottom:36px;
}
#trimming-menu h2 img {
	width:100%;
	min-width:100%;
	height:auto;
}
#trimming-menu section#sc4 h2{
	margin-bottom:10px;
}

#trimming-menu p {
	clear:both;
	overflow:hidden;
	text-align:left;
	margin:0 auto 20px auto;
	width:99%;
	font-size:0.7rem;
}

table.priceTable {
	border-collapse: separate;
	border-spacing: 0;
	margin:0 auto 20px auto;
	width:100%;
}
table.priceTable th {
	font-weight:700;
	padding:5px;
	border-right:1px dotted #666;
	width:75%;
	font-size:0.7rem;
}
table.priceTable td {
	padding:7px 9px;
	text-align:center;
	width:24%;
	font-size:0.7rem;
}
table.priceTable tr:nth-of-type(1),
table.priceTable tr:nth-of-type(3),
table.priceTable tr:nth-of-type(5),
table.priceTable tr:nth-of-type(7),
table.priceTable tr:nth-of-type(9),
table.priceTable tr:nth-of-type(11),
table.priceTable tr:nth-of-type(13),
table.priceTable tr:nth-of-type(15),
table.priceTable tr:nth-of-type(17),
table.priceTable tr:nth-of-type(19),
table.priceTable tr:nth-of-type(21),
table.priceTable tr:nth-of-type(23),
table.priceTable tr:nth-of-type(25),
table.priceTable tr:nth-of-type(27),
table.priceTable tr:nth-of-type(29) {
	background:url(../img/content-img/trimming/bg/bg-pricetable.png) 0 0 repeat-x;
}

/*----------------------------------------------------------------------
	お預かり(stay.html)
 ---------------------------------------------------------------------*/

#stay {
	width:100%;
	margin-top:-60px;
}
#stay h1 {
	margin-bottom:25px;
}

/*-----------------------------------
	ペットホテル
 ----------------------------------*/

#stay-hotel {
	position:relative;
	background:#FFF;
	width:100%;
	padding-top:30px;
}
p.txt-stay {
	font-size:0.65rem;
	line-height:180%;
	width:90%;
	margin:0 auto 20px auto;
}
.petWrap {
	position:relative;
	clear:both;
	overflow:hidden;
	clear:both;
	margin:0 auto;
	padding:27px 0;
}
.petWrap h1 img {
	width:70%;
	min-width:70%;
	height:auto;
}
.petBox {
	position:relative;
	border:1px solid #f1ecd4;
	background:#fff9da;
	margin:0 auto;
	padding-top:53px;
}
.petBox h2 {
	margin:-80px 0 27px 0;
}
.petBox h2 img {
	width:96%;
	min-width:96%;
	height:auto;
}
ul.hotelList {
	clear:both;
	overflow:hidden;
	width:90%;
	margin:0 auto;
}
ul.hotelList li {
	margin:0 12px 40px 0;
	text-align:left;
}
ul.hotelList li img {
	width:100%;
	min-width:100%;
	height:auto;
}
ul.hotelList li dl {
	position:relative;
	margin-top:12px;
	padding:8px 14px;
	border-left:1px solid #9f6d17;
	border-right:1px solid #9f6d17;
}
ul.hotelList li dl dt {
	margin-bottom:10px;
}
ul.hotelList li dl dd {
	font-size:0.8rem;
}
.txt-p {
	margin:0 !important;
	width:100% !important;
	text-align:left !important;
	font-size:0.7rem;
}


/*-----------------------------------
	ショートステイ
 ----------------------------------*/

#stay-short {
	padding: 0 0 36px 0;
}
#stay-short p {
	clear:both;
	overflow:hidde;
	text-align:left;
	margin-left:20px;
}

/*-----------------------------------
	送迎
 ----------------------------------*/

#stay-car {
	position:relative;
	overflow:hidden;
	padding-top:20px;
	margin-bottom:36px;
	background:#FFF;
	border-bottom:20px solid #f28989;
}
#stay-car p {
	margin:0 auto;
}

/*----------------------------------------------------------------------
	お得情報(spacial.html)
 ---------------------------------------------------------------------*/

#special {
	width:100%;
	margin-top:-50px;
}
#special section h1 {
	text-align:left;
	margin:0 auto 15px auto;
	width:98%;
}
#special section h1 img {
	width:100%;
	min-width:100%;
	height:auto;
}
#special section p {
	text-align:left;
	margin:0 auto 15px auto;
	width:90%;
	font-size:0.75rem;
}

/*-----------------------------------
	初めて割引
 ----------------------------------*/
 
#sp1 {
	position:relative;
	clear:both;
	overflow:hidden;
	background:#FFF;
	width:100%;
	margin:0 auto;
	padding:40px 0;
}

/*-----------------------------------
	バースデー割引
 ----------------------------------*/
 
#sp2 {
	position:relative;
	clear:both;
	overflow:hidden;
	background:#ffe6ea;
	width:100%;
	padding:40px 0;
}


/*-----------------------------------
	１ヶ月以内割引
 ----------------------------------*/
 
#sp3 {
	position:relative;
	clear:both;
	overflow:hidden;
	background:#FFF;
	width:100%;
	padding:40px 0;
}


/*-----------------------------------
	バースデー割引
 ----------------------------------*/
 
#sp4 {
	position:relative;
	clear:both;
	overflow:hidden;
	background:#ffe6ea;
	width:100%;
	padding:40px 0;
}

/*-----------------------------------
	ホテル利用割引
 ----------------------------------*/
 
#sp5 {
	position:relative;
	clear:both;
	overflow:hidden;
	background:#FFF;
	width:100%;
	padding:40px 0;
}

/*-----------------------------------
	お友達紹介割引
 ----------------------------------*/
 
#sp6 {
	position:relative;
	clear:both;
	overflow:hidden;
	background:#ffe6ea;
	width:100%;
	padding:40px 0;
}

/*-----------------------------------
	ホテル利用割引
 ----------------------------------*/
 
#sp7 {
	position:relative;
	clear:both;
	overflow:hidden;
	background:#FFF;
	width:100%;
	padding:40px 0;
}

/*-----------------------------------
	ホテル利用割引
 ----------------------------------*/
 
#sp8 {
	position:relative;
	clear:both;
	overflow:hidden;
	background:#fff367;
	width:100%;
	padding:40px 0;
	margin-bottom:43px;
}

/*----------------------------------------------------------------------
	アクセス(access.html)
 ---------------------------------------------------------------------*/

#access {
	position:relative;
}
#accessWrap {
	position:relative;
	margin:0 auto 35px auto;
	clear:both;
	overflow:hidden;
	padding:12px;
	border:1px solid #CCC;
	border-radius:5px;
	background:#FFF;

}
#gmap {
	width:100%;
	height:350px;
	border-radius:5px;
}

ul.accessList {
	clear:both;
	overflow:hidden;
	margin:25px 0;
}
ul.accessList li {
	clear:both;
	overflow:hidden;
	border-bottom:1px solid #d7d7d7;
	padding:10px 0;
}
ul.accessList li:last-child {
	border-bottom:none;
}
ul.accessList dl dt {
	float:left;
	width:27%;
	text-align:left !important;
	border-right:1px dotted #d7d7d7;
}
ul.accessList dl dt img {
	width:80%;
	min-wdith:80%;
	height:auto;
}
ul.accessList dl dd {
	float:right;
	text-align:left;
	width:70%;
	padding-top:3%;
	font-size:0.7rem;
	color:#f84b65;
}


/*--------------------
	記事
 -------------------*/


#icon-topics {
	position:absolute;
	left:-22px;
	top:-2px;
	z-index:1000;
}

.prev,
.next,
.menulist {
	border:1px solid #f28989 !important;
	text-align:center !important;
	width:90px !important;
	border-radius:5px !important;
	background:#FFF !important;
	font-size:10px !important;
	text-align:center !important;
}
.prev a,
.prev a:link,
.next a,
.next a:link,
.menulist a,
.menulist a:link {
	display:block !important;
	padding:5px 10px !important;
	color:#f28989 !important;
	text-decoration:none !important;
}
.prev {
	position:relative;
	margin-left:25px !important;
	float:left;
}
.next {
	position:relative;
	margin-right:5px !important;
	float:right;
}

.prev a:hover,
.next a:hover,
.menulist a:hover {
	color:#FFF !important;
	text-decoration:none !important;
	background:#f28989 !important;
}

.details {
	margin:20px 0 20px 50px !important;
	text-align:center !important;
	color:#FFF !important;
}

#news h3.ttl-diary,
#news p {
	font-size:16px;
	margin:0 0 25px 0;
	text-align:left;
	clear:both;
	overflow:hidden;
}
.d-img {
	margin:0 0 20px 0 !important;
}
.d-img img {
	width:100%;
	min-width:100%;
	height:auto;
}
.menulist {
	position:absolute;
	left:40%;
	bottom:0;
	margin-left:-45px;
}