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

file name  :stay_couple.css
author     :Ability Consultant
style info  :大切な人との特別な時間

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

=================================================================== */
/*-----------------------------------------------------------
	※ディレクトリ指定
	背景への画像パスは以下の変数を使う
-----------------------------------------------------------*/
/*-----------------------------------------------------------
	※カラー指定
-----------------------------------------------------------*/
/*----------------------------------------------------
	.con_intro
	イントロ
----------------------------------------------------*/
.con_intro {
	background: url(http://hotel-rosablanca.com/stay/couple/images/bg_intro.png) 45% top no-repeat;
}

.con_intro h3 {
	background-image: url(http://hotel-rosablanca.com/stay/couple/images/st_intro.png);
	padding-top: 29px;
}

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

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

/*----------------------------------------------------
	.con_lobby
	ガーデンでカフェタイム
----------------------------------------------------*/
.con_lobby {
	margin-bottom: 60px;
}

@media only screen and (max-width: 736px) {
  .con_lobby {
	margin-bottom: 40px;
}
}
.con_lobby .st_point {
	background: url(http://hotel-rosablanca.com/stay/couple/images/st_lobby.png) center 0 no-repeat;
	padding-top: 29px;
}

.con_lobby .inner {
	padding: 0 5%;
	overflow: hidden;
}

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

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

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

.con_lobby .inner .detail .txt {
	margin-bottom: 10px;
	padding: 0 20px;
}

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

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

/*----------------------------------------------------
	.con_tennis
	テニスでアクティブに過ごす♪
----------------------------------------------------*/
.con_tennis,
.con_rooms {
	margin-bottom: 60px;
}

@media only screen and (max-width: 736px) {
  .con_tennis,
  .con_rooms {
	margin-bottom: 40px;
}
}
.con_tennis .st_point,
.con_rooms .st_point {
	background: url(http://hotel-rosablanca.com/stay/couple/images/st_tennis.png) center 0 no-repeat;
	padding-top: 29px;
}

.con_tennis .inner,
.con_rooms .inner {
	padding: 0 5%;
	overflow: hidden;
}

@media only screen and (max-width: 1024px) {
  .con_tennis .inner,
  .con_rooms .inner {
	padding: 0 10px;
}
}
.con_tennis .inner .img_l,
.con_rooms .inner .img_l {
	padding-right: 35px;
	float: left;
	width: 52%;
}

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

.con_tennis .inner .detail .txt,
.con_rooms .inner .detail .txt {
	margin-bottom: 20px;
}

.con_tennis .inner .detail .st_golf,
.con_rooms .inner .detail .st_golf {
	color: #552d0f;
	margin-bottom: 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
}

.con_tennis .inner .detail .st_golf:before,
.con_rooms .inner .detail .st_golf:before {
	content: "▲";
}

.con_tennis .inner .detail .btn_brown.btn_tennis a,
.con_rooms .inner .detail .btn_brown.btn_tennis a {
	background-image: url("http://hotel-rosablanca.com/stay/images/btn/btn_tennis.png");
	width: 189px;
}

.con_tennis .inner .detail .btn_brown.btn_tennis a div,
.con_rooms .inner .detail .btn_brown.btn_tennis a div {
	padding-top: 40px;
}

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

/*----------------------------------------------------
	.con_spa_esthe
	天然温泉とエステで最高の癒し
----------------------------------------------------*/
.con_spa_esthe {
	position: relative;
	padding-top: 40px;
	margin-bottom: 60px;
	background-color: #fdeff5;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFDEFF5', endColorstr='#FFFFFFFF');
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZWZmNSIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdeff5), color-stop(80%, #ffffff));
	background-image: -webkit-linear-gradient(top, #fdeff5 0%, #ffffff 80%);
	background-image: -moz-linear-gradient(top, #fdeff5 0%, #ffffff 80%);
	background-image: -o-linear-gradient(top, #fdeff5 0%, #ffffff 80%);
	background-image: linear-gradient(top, #fdeff5 0%, #ffffff 80%);
	background-image: -ms-linear-gradient(top, #fdeff5 0%, white 80%);
}

.con_spa_esthe:before {
	content: url("../stay/images/arr_white.png");
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -30px;
}

@media only screen and (max-width: 1024px) {
  .con_spa_esthe {
	padding: 40px 10px 0;
	margin-bottom: 50px;
}
}
@media only screen and (max-width: 736px) {
  .con_spa_esthe {
	margin-bottom: 30px;
}
}
.con_spa_esthe .inner {
	background: url(http://hotel-rosablanca.com/stay/couple/images/bg_spa_esthe.png) 90% 0 no-repeat;
}

@media only screen and (max-width: 1024px) {
  .con_spa_esthe .inner {
	background: none;
}
}
.con_spa_esthe .st_point {
	background: url(http://hotel-rosablanca.com/stay/couple/images/st_spa_esthe.png) center 0 no-repeat;
	padding-top: 30px;
}

@media only screen and (max-width: 736px) {
  .con_spa_esthe .st_point {
	padding: 0;
}
}
.con_spa_esthe .st_pointsub {
	margin-bottom: 20px;
	text-align: center;
}

@media only screen and (max-width: 736px) {
  .con_spa_esthe .st_pointsub {
	text-align: left;
}
}
.con_spa_esthe .txt {
	text-align: center;
	margin-bottom: 20px;
}

@media only screen and (max-width: 736px) {
  .con_spa_esthe .txt {
	text-align: left;
}
}
.con_spa_esthe .img {
	text-align: center;
}

@media only screen and (max-width: 736px) {
  .con_spa_esthe .img {
	margin-bottom: 20px;
}
}
.con_spa_esthe ul {
	text-align: center;
}

.con_spa_esthe ul li {
	display: inline-block;
}

@media only screen and (max-width: 736px) {
  .con_spa_esthe ul li {
	display: block;
}
}
.con_spa_esthe ul li .btn_brown.btn_spa_kirei a {
	background-image: url("http://hotel-rosablanca.com/stay/images/btn/btn_spa_kirei.png");
	width: 239px;
}

.con_spa_esthe ul li .btn_brown.btn_spa_kirei a div {
	padding-top: 40px;
}

@media only screen and (max-width: 736px) {
  .con_spa_esthe ul li .btn_brown.btn_spa_kirei {
	margin-bottom: 10px;
}
}
.con_spa_esthe ul li .btn_brown.btn_esthe_select a {
	background-image: url("http://hotel-rosablanca.com/stay/images/btn/btn_esthe_select.png");
	width: 192px;
}

.con_spa_esthe ul li .btn_brown.btn_esthe_select a div {
	padding-top: 40px;
}

/*----------------------------------------------------
	.con_dish
	雰囲気の良いレストランで伊賀料理を楽しむ
----------------------------------------------------*/
.con_dish .st_point {
	background: url(http://hotel-rosablanca.com/stay/couple/images/st_dish.png) center 0 no-repeat;
	padding-top: 31px;
}

/*----------------------------------------------------
	.con_rooms
	お部屋でゆっくりと寛ぐ
----------------------------------------------------*/
.con_rooms .st_point {
	background: url(../stay/couple/images/st_rooms.png) center 0 no-repeat;
	padding-top: 30px;
}

.con_rooms .inner .img_l {
	margin-bottom: 40px;
}

.con_rooms .inner .detail {
	margin-bottom: 40px;
}

.con_rooms .inner .detail .img {
	margin-bottom: 20px;
}

.con_rooms .inner .detail .btn_brown.btn_rooms a {
	background-image: url("../stay/images/btn/btn_rooms.png");
	width: 161px;
}

.con_rooms .inner .detail .btn_brown.btn_rooms a div {
	padding-top: 40px;
}

/*----------------------------------------------------
	.con_spa
	温泉のご案内
----------------------------------------------------*/
.con_spa .st_point {
	background: url(http://hotel-rosablanca.com/stay/couple/images/st_spa.png) center 0 no-repeat;
	padding-top: 36px;
}

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

.con_night:after {
	background: url(http://hotel-rosablanca.com/stay/couple/images/line_intro.png) center bottom no-repeat;
}

.con_night .st_point {
	background: url(http://hotel-rosablanca.com/stay/couple/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(http://hotel-rosablanca.com/stay/couple/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(http://hotel-rosablanca.com/stay/couple/images/st_morning.png) center 0 no-repeat;
	padding-top: 30px;
}

/*----------------------------------------------------
	.con_walking
	自然に触れて気持ちの良い朝
----------------------------------------------------*/
.con_walking {
	margin-bottom: 60px;
	background: url(http://hotel-rosablanca.com/stay/images/bg_leaf.png) 96% 96% no-repeat;
}

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

.con_walking .inner {
	padding: 0 10%;
	overflow: hidden;
}

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

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

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

.con_walking .inner .detail .txt {
	padding: 0 10px;
	margin-bottom: 20px;
}

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

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

  .con_walking .inner .detail .txt {
	padding: 0;
}
}

/*----------------------------------------------------
	.con_chapel
	自然に触れて気持ちの良い朝
----------------------------------------------------*/
.con_chapel {
	margin-bottom: 60px;
}

.con_chapel .st_point {
	background: url(http://hotel-rosablanca.com/stay/couple/images/st_chapel.png) center 0 no-repeat;
	padding-top: 30px;
}

.con_chapel .inner {
	padding: 0 11%;
	overflow: hidden;
	background: url(../stay/couple/images/bg_lose.png) 90% 96% no-repeat;
}

@media only screen and (max-width: 1024px) {
  .con_chapel .inner {
	padding: 0 10px;
}
}
.con_chapel .inner .img_l {
	float: left;
	width: 50%;
	margin-bottom: 30px;
}

@media only screen and (max-width: 736px) {
  .con_chapel .inner .img_l {
	float: left;
	width: 100%;
	text-align: center;
}
}
.con_chapel .inner .img_r {
	float: right;
	width: 50%;
	margin-bottom: 30px;
}

@media only screen and (max-width: 736px) {
  .con_chapel .inner .img_r {
	display: none;
}
}
.con_chapel .inner .txt {
	clear: both;
	margin-bottom: 30px;
}

.con_chapel .inner .btn_brown.btn_wedding a {
	background-image: url("http://hotel-rosablanca.com/stay/images/btn/btn_wedding.png");
	width: 208px;
}

.con_chapel .inner .btn_brown.btn_wedding a div {
	padding-top: 40px;
}

/*----------------------------------------------------
	.con_shop
	ブティックでお土産選び
----------------------------------------------------*/
.con_shop .st_point {
	background: url(http://hotel-rosablanca.com/stay/couple/images/st_shop.png) center 0 no-repeat;
	padding-top: 33px;
}

/*----------------------------------------------------
	.con_recommend
	【個別-コンテナ】おすすめ商品
----------------------------------------------------*/
.con_recommend {
	background-color: #fdeff5;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFDEFF5', endColorstr='#FFFFFFFF');
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZWZmNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdeff5), color-stop(100%, #ffffff));
	background-image: -webkit-linear-gradient(top, #fdeff5 0%, #ffffff 100%);
	background-image: -moz-linear-gradient(top, #fdeff5 0%, #ffffff 100%);
	background-image: -o-linear-gradient(top, #fdeff5 0%, #ffffff 100%);
	background-image: linear-gradient(top, #fdeff5 0%, #ffffff 100%);
	background-image: -ms-linear-gradient(top, #fdeff5 0%, white 100%);
	border: 5px solid #efb4bf;
	background-image: url("http://hotel-rosablanca.com/stay/couple/images/bg_reco.png");
	background-repeat: no-repeat;
	background-position: center 60px;
	background-size: auto !important;
}

.con_recommend .inner {
	background: url(http://hotel-rosablanca.com/stay/images/bg_lose.png) 96% 96% no-repeat;
}

.con_recommend .inner .name:before {
	color: #dc3c7c;
}

/*----------------------------------------------------
	.con_checkout
	チェックアウトし、観光へGO
----------------------------------------------------*/
.con_checkout {
	background-color: #fdeff5;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFDEFF5', endColorstr='#FFFFFFFF');
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZWZmNSIvPjxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdeff5), color-stop(30%, #ffffff));
	background-image: -webkit-linear-gradient(top, #fdeff5 0%, #ffffff 30%);
	background-image: -moz-linear-gradient(top, #fdeff5 0%, #ffffff 30%);
	background-image: -o-linear-gradient(top, #fdeff5 0%, #ffffff 30%);
	background-image: linear-gradient(top, #fdeff5 0%, #ffffff 30%);
	background-image: -ms-linear-gradient(top, #fdeff5 0%, white 30%);
}

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

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

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