@charset "UTF-8";
/* ===================================================================
CSS information

file name  :stay_pet.css
author     :Ability Consultant
style info  :ワンちゃんと一緒に泊まる

▼bodyにクラス（ディレクトリ名）をあて条件分岐しています。
pet

=================================================================== */
/*-----------------------------------------------------------
	※ディレクトリ指定
	背景への画像パスは以下の変数を使う
-----------------------------------------------------------*/
/*-----------------------------------------------------------
	ページ設定
-----------------------------------------------------------*/
#stay .gnav ul li.gnav_pet {
	border-bottom: 3px solid #64ad5d;
}

/*-----------------------------------------------------------
	※カラー指定
-----------------------------------------------------------*/
/*----------------------------------------------------
	.con_intro
	イントロ
----------------------------------------------------*/
.con_intro {
	background: url(../stay/pet/images/bg_intro.png) 45% top no-repeat;
}

.con_intro h3 {
	background-image: url(../stay/pet/images/st_intro.png);
	padding-top: 29px;
}

@media only screen and (max-width: 1024px) {
  .con_intro h3 {
	color: #614016;
}
}
.con_intro:after {
	background: url(../stay/pet/images/line_intro.png) center bottom no-repeat;
}

/*----------------------------------------------------
	.con_checkinn
	チェックイン
----------------------------------------------------*/
.con_checkinn .st_point {
	background: url(../stay/pet/images/st_checkinn.png) center 0 no-repeat;
	padding-top: 32px;
}

.con_checkinn .txt_s {
	font-size: .9em;
	padding-top: 10px;
	color: #614016;
}

/*----------------------------------------------------
	.con_petcottage
	ペットコテージでゆっくり
----------------------------------------------------*/
.con_petcottage {
	margin-bottom: 60px;
}

.con_petcottage .st_point {
	background: url(../stay/pet/images/st_petcottage.png) center 0 no-repeat;
	padding-top: 28px;
}

.con_petcottage .inner {
	padding: 0 7%;
	overflow: hidden;
}

@media only screen and (max-width: 1024px) {
  .con_petcottage .inner {
	padding: 0 10px;
}
}
.con_petcottage .inner .img {
	margin-bottom: 30px;
}

.con_petcottage .inner .img_l {
	float: left;
	width: 50%;
}

@media only screen and (max-width: 736px) {
  .con_petcottage .inner .img_l {
	display: none;
}
}
.con_petcottage .inner .detail {
	float: right;
	width: 50%;
	padding-left: 20px;
}

@media only screen and (max-width: 736px) {
  .con_petcottage .inner .detail {
	float: none;
	width: 100%;
	padding: 0;
}
}
.con_petcottage .inner .detail .st_pointsub,
.con_petcottage .inner .detail .txt {
	margin-bottom: 10px;
}

.con_petcottage .inner .detail .txt_s {
	font-size: .9em;
	color: #614016;
	margin-bottom: 15px;
}

.con_petcottage .inner .detail .btn_brown.btn_petcottage a {
	background-image: url("../stay/images/btn/btn_petcottage.png");
	width: 281px;
}

.con_petcottage .inner .detail .btn_brown.btn_petcottage a div {
	padding-top: 40px;
}

/*----------------------------------------------------
	.con_petgoods
	ペット用グッズのご紹介
----------------------------------------------------*/
.con_petgoods {
	margin-bottom: 100px;
}

@media only screen and (max-width: 736px) {
  .con_petgoods {
	margin-bottom: 50px;
}
}
.con_petgoods .inner {
	padding: 40px 7% 0;
	overflow: hidden;
	background: url(../stay/pet/images/bg_petgoods.png) 0 0 repeat-x;
}

@media only screen and (max-width: 1024px) {
  .con_petgoods .inner {
	padding: 20px 10px 0;
}
}
.con_petgoods .inner .st_goods {
	height: 0;
	margin-bottom: 30px;
	overflow: hidden;
	background: url(../stay/pet/images/st_petgoods.png) center 0 no-repeat;
	padding-top: 46px;
}

.con_petgoods .inner .img_goods {
	float: left;
	width: 64%;
}

@media only screen and (max-width: 736px) {
  .con_petgoods .inner .img_goods {
	float: none;
	text-align: center;
	width: 100%;
	max-width: 480px;
	margin: 0 auto 20px;
}
}
.con_petgoods .inner .detail {
	float: right;
	width: 36%;
	padding-left: 20px;
}

@media only screen and (max-width: 736px) {
  .con_petgoods .inner .detail {
	float: none;
	width: 100%;
	padding: 0;
}
}
.con_petgoods .inner .detail .st_sub_bag .tit {
	background-image: url(../stay/pet/images/st_sub_bag.png);
	width: 125px;
	padding-top: 19px;
}

.con_petgoods .inner .detail .st_sub_amenity .tit {
	background-image: url(../stay/pet/images/st_sub_amenity.png);
	width: 89px;
	padding-top: 16px;
}

.con_petgoods .inner .detail ul {
	margin-bottom: 20px;
}

.con_petgoods .inner .detail ul li {
	list-style: disc;
	list-style-position: inside;
}

.con_petgoods .inner .box_txt {
	padding-top: 20px;
	clear: both;
}

.con_petgoods .inner .box_txt h5 {
	height: 0;
	margin-bottom: 20px;
	overflow: hidden;
	background: url(../stay/pet/images/st_sub_petgoods.png) left 0 no-repeat;
	padding-top: 34px;
}

@media only screen and (max-width: 736px) {
  .con_petgoods .inner .box_txt h5 {
	height: auto;
	background: none;
	padding-top: 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
	color: #614016;
}
}

/*----------------------------------------------------
	.con_dogrun
	ガーデンでカフェ&ドッグラン♪
----------------------------------------------------*/
.con_dogrun {
	margin-bottom: 60px;
}

.con_dogrun .st_point {
	background: url(../stay/pet/images/st_dogrun.png) center 0 no-repeat;
	padding-top: 28px;
}

.con_dogrun .inner {
	padding: 0 7%;
	overflow: hidden;
}

@media only screen and (max-width: 1024px) {
  .con_dogrun .inner {
	padding: 0 10px;
}
}
.con_dogrun .inner .box_dogrun {
	width: 49%;
}

.con_dogrun .inner .box_dogrun.left {
	float: left;
}

.con_dogrun .inner .box_dogrun.right {
	/*float: right;*/
	margin: 0 auto;
}

.con_dogrun .inner .box_dogrun .img {
	text-align: center;
	margin-bottom: 20px;
}

.con_dogrun .inner .box_dogrun h4.st_leaf {
	margin: 0 auto 20px;
}

.con_dogrun .inner .box_dogrun h4.st_leaf.st_dogrun_1 {
	background-image: url(../stay/pet/images/st_dogrun_1.png);
	width: 89px;
}

.con_dogrun .inner .box_dogrun h4.st_leaf.st_dogrun_2 {
	background-image: url(../stay/pet/images/st_dogrun_2.png);
	width: 122px;
}

@media only screen and (max-width: 736px) {
  .con_dogrun .inner .box_dogrun.left,
  .con_dogrun .inner .box_dogrun.right {
	float: none;
	width: 100%;
}

  .con_dogrun .inner .box_dogrun.left {
	margin-bottom: 30px;
}
}

/*----------------------------------------------------
	.con_dish
	伊賀料理を楽しむ
----------------------------------------------------*/
.con_dish {
	background-color: #faf9e7;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFAF9E7', endColorstr='#FFFFFFFF');
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNmYWY5ZTciLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(70%, #faf9e7), color-stop(90%, #ffffff));
	background-image: -webkit-linear-gradient(top, #faf9e7 70%, #ffffff 90%);
	background-image: -moz-linear-gradient(top, #faf9e7 70%, #ffffff 90%);
	background-image: -o-linear-gradient(top, #faf9e7 70%, #ffffff 90%);
	background-image: linear-gradient(top, #faf9e7 70%, #ffffff 90%);
	background-image: -ms-linear-gradient(top, #faf9e7 70%, white 90%);
	padding: 60px 40px 0;
	margin-bottom: 60px;
	position: relative;
}

@media only screen and (max-width: 1024px) {
  .con_dish {
	padding: 40px 0 25px !important;
}
}
.con_dish:before {
	content: url("../stay/images/arr_white.png");
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -30px;
}

.con_dish .st_point {
	background: url(../stay/pet/images/st_dish.png) center 0 no-repeat;
	padding-top: 30px;
}

.con_dish .inner {
	padding: 0 6%;
}

.con_dish .inner .txt {
	margin-bottom: 15px;
}

.con_dish .inner .txt_s {
	font-size: .9em;
	color: #614016;
	margin-bottom: 15px;
}

/*----------------------------------------------------
	.con_cottage
	ワンちゃんゆっくりお部屋で寛ぐ
----------------------------------------------------*/
.con_cottage {
	margin-bottom: 60px;
}

@media only screen and (max-width: 736px) {
  .con_cottage {
	background: none;
	margin-bottom: 50px;
}
}
.con_cottage .st_point {
	background: url(../stay/pet/images/st_cottage.png) center 0 no-repeat;
	padding-top: 30px;
}

.con_cottage .inner {
	padding: 0 10%;
	overflow: hidden;
	background: url(../stay/pet/images/bg_cottage.png) 90% bottom no-repeat;
}

@media only screen and (max-width: 1024px) {
  .con_cottage .inner {
	padding: 0 10px;
	background: none;
}
}
.con_cottage .inner .img_l {
	padding-right: 20px;
	float: left;
	width: 54%;
}

@media only screen and (max-width: 736px) {
  .con_cottage .inner .img_l {
	float: none;
	text-align: center;
	width: 100%;
	max-width: 480px;
	margin: 0 auto 20px;
	padding: 0;
}
}
.con_cottage .inner .detail {
	float: right;
	width: 46%;
}

.con_cottage .inner .detail .img {
	text-align: center;
	margin-bottom: 20px;
}

.con_cottage .inner .detail .box_txt {
	padding: 0 20px;
}

@media only screen and (max-width: 736px) {
  .con_cottage .inner .detail .box_txt {
	padding: 0;
}
}
.con_cottage .inner .detail .box_txt .txt {
	margin-bottom: 20px;
}

.con_cottage .inner .detail .box_txt .btn_brown.btn_cottage a {
	background-image: url("../stay/images/btn/btn_cottage.png");
	width: 183px;
}

.con_cottage .inner .detail .box_txt .btn_brown.btn_cottage a div {
	padding-top: 40px;
}

@media only screen and (max-width: 736px) {
  .con_cottage .inner .detail {
	float: none;
	width: 100%;
	padding: 0;
}

  .con_cottage .inner .detail .img {
	display: none;
}

  .con_cottage .inner .detail .box_txt .txt {
	padding: 0;
}
}

/*----------------------------------------------------
	.con_spa
	温泉のご案内
----------------------------------------------------*/
.con_spa .st_point {
	background: url(../stay/pet/images/st_spa.png) center 0 no-repeat;
	padding-top: 37px;
}

.con_spa .detail .txt {
	margin-bottom: 15px;
}

.con_spa .detail .txt_s {
	font-size: .9em;
	margin-bottom: 15px;
	color: #fff;
}

/*----------------------------------------------------
	.con_night
	温泉ですっきりした後のお楽しみ
----------------------------------------------------*/
.con_night {
	background-color: #faf9e7;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFAF9E7', endColorstr='#FFFFFFFF');
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZjllNyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #faf9e7), color-stop(50%, #ffffff));
	background-image: -webkit-linear-gradient(top, #faf9e7 0%, #ffffff 50%);
	background-image: -moz-linear-gradient(top, #faf9e7 0%, #ffffff 50%);
	background-image: -o-linear-gradient(top, #faf9e7 0%, #ffffff 50%);
	background-image: linear-gradient(top, #faf9e7 0%, #ffffff 50%);
	background-image: -ms-linear-gradient(top, #faf9e7 0%, white 50%);
}

.con_night:after {
	background: url(../stay/pet/images/line_intro.png) center bottom no-repeat;
}

.con_night .st_point {
	background: url(../stay/pet/images/st_night.png) center 0 no-repeat;
	padding-top: 56px;
}

/*----------------------------------------------------
	.con_asaburo
	朝風呂に入って、すっきり目覚める
----------------------------------------------------*/
@media only screen and (max-width: 736px) {
  .con_asaburo .ic {
	background: #85c463;
}

  .con_asaburo .ic:after {
	color: #85c463;
}
}
.con_asaburo .st_point {
	background: url(../stay/pet/images/st_asaburo.png) center 0 no-repeat;
	padding-top: 89px;
}

/*----------------------------------------------------
	.con_morning
	朝食バイキング
----------------------------------------------------*/
@media only screen and (max-width: 736px) {
  .con_morning .ic {
	background: #6ec0dc;
}

  .con_morning .ic:after {
	color: #6ec0dc;
}
}
.con_morning .st_point {
	background: url(../stay/pet/images/st_morning.png) center 0 no-repeat;
	padding-top: 32px;
}

/*----------------------------------------------------
	.con_walking
	朝散歩
----------------------------------------------------*/
.con_walking {
	margin-bottom: 60px;
	padding: 0 10%;
	overflow: hidden;
	background: url(../stay/images/bg_tree.png) 35% bottom no-repeat;
}

@media only screen and (max-width: 1024px) {
  .con_walking {
	padding: 0 10px;
}
}
@media only screen and (max-width: 736px) {
  .con_walking {
	background: none;
	margin-bottom: 40px;
}
}
.con_walking .st_point {
	background: url(../stay/pet/images/st_walking.png) center 0 no-repeat;
	padding-top: 32px;
}

.con_walking .img {
	float: right;
	width: 50%;
}

@media only screen and (max-width: 736px) {
  .con_walking .img {
	float: none;
	text-align: center;
	width: 100%;
	max-width: 480px;
	margin: 0 auto 20px;
	padding: 0;
}
}
.con_walking .detail {
	float: left;
	width: 50%;
	padding-top: 20px;
	padding-right: 20px;
}

@media only screen and (max-width: 736px) {
  .con_walking .detail {
	float: none;
	width: 100%;
	padding: 0;
}
}

/*----------------------------------------------------
	.con_shop
	売店でお土産選び
----------------------------------------------------*/
.con_shop .st_point {
	background: url(../stay/pet/images/st_shop.png) center 0 no-repeat;
	padding-top: 35px;
}

/*----------------------------------------------------
	.con_checkout
	チェックアウトし、観光へGO
----------------------------------------------------*/
.con_checkout {
	padding: 0 10px;
}

.con_checkout:before {
	display: none;
}

.con_checkout .st_point {
	background: url(../stay/pet/images/st_checkout.png) center 0 no-repeat;
	padding-top: 30px;
}

/*----------------------------------------------------
	.con_plan
	おすすめプラン
----------------------------------------------------*/
.con_plan {
	background: url(../stay/pet/images/line_plan.png) center 0 no-repeat;
}

.con_plan h3 {
	background: url(../stay/pet/images/st_plan.png) center 0 no-repeat;
	padding-top: 46px;
}

/*----------------------------------------------------
	.con_notice
	注意事項
----------------------------------------------------*/
.con_notice {
	*zoom: 1;
	width: 1280px;
	margin: 0 auto;
	padding: 2%;
	margin-bottom: 40px;
	border: #dfc47a 3px solid;
	background: url(../rooms/images/bg_leaf-pattern.jpg) 0 0 repeat-x;
}

.con_notice:after {
	content: "";
	display: table;
	clear: both;
}

@media only screen and (max-width: 1280px) {
  .con_notice {
	width: 100%;
}
}
@media only screen and (max-width: 736px) {
  .con_notice {
	width: 98%;
	margin: 0 auto 40px;
}
}
.con_notice h3 {
	text-align: center;
	height: 0;
	overflow: hidden;
	margin-bottom: 20px;
	background: url(../stay/pet/images/st_notice.png) center 0 no-repeat;
	padding-top: 36px;
}

@media only screen and (max-width: 736px) {
  .con_notice h3 {
	background: none;
	padding: 20px 0;
	margin-bottom: 0;
	height: auto;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
	font-size: 1.2em;
}
}
.con_notice .img {
	float: left;
	width: 40%;
}

@media only screen and (max-width: 736px) {
  .con_notice .img {
	display: none;
}
}
.con_notice .detail {
	float: left;
	width: 60%;
	padding-top: 30px;
	padding-left: 20px;
}

@media only screen and (max-width: 736px) {
  .con_notice .detail {
	padding: 0;
	float: none;
	width: 100%;
}
}
.con_notice .detail p,
.con_notice .detail ul {
	margin-bottom: 10px;
}

.con_notice .detail ul {
	padding-left: 10px;
}

.con_notice .detail ul li {
	list-style: disc;
	list-style-position: inside;
}