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

file name  :stay_allyear.css
author     :Ability Consultant
style info  :女子旅

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

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

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

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

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

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

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

.con_girden .inner {
	padding: 0 7%;
	overflow: hidden;
	background: url(http://hotel-rosablanca.com/stay/girls/images/bg_girden.png) 90% 95% no-repeat;
}

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

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

.con_girden .inner .detail .img {
	text-align: center;
}

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

@media only screen and (max-width: 736px) {
  .con_girden .inner .detail .btn_brown {
	width: 80% !important;
	margin: 0 auto;
}
}
.con_girden .inner .detail .btn_brown.btn_boutique a {
	background-image: url("http://hotel-rosablanca.com/stay/images/btn/btn_boutique.png");
	width: 189px;
}

.con_girden .inner .detail .btn_brown.btn_boutique a div {
	padding-top: 40px;
}

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

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

/*----------------------------------------------------
	.con_spa_esthe
	天然温泉とエステで最高の癒し
----------------------------------------------------*/
.con_spa_esthe {
	margin-bottom: 60px;
	background: url(../stay/girls/images/bg_spa_esthe.jpg) 70% 0 no-repeat;
}

@media only screen and (max-width: 1024px) {
  .con_spa_esthe {
	padding: 0 10px;
	background: none;
	margin-bottom: 50px;
}
}
.con_spa_esthe .st_point {
	background: url(http://hotel-rosablanca.com/stay/girls/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/girls/images/st_dish.png) center 0 no-repeat;
	padding-top: 30px;
}

/*----------------------------------------------------
	.con_after
	食後はみんなで盛り上がるお楽しみタイム
----------------------------------------------------*/
.con_after {
	margin-bottom: 60px;
	padding: 0 7%;
	overflow: hidden;
}

@media only screen and (max-width: 736px) {
  .con_after {
	padding: 0 10px;
}
}
.con_after .st_point {
	background: url(http://hotel-rosablanca.com/stay/girls/images/st_after.png) center 0 no-repeat;
	padding-top: 31px;
}

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

@media only screen and (max-width: 736px) {
  .con_after .txt {
	text-align: left;
}
}
.con_after .box_after {
	width: 49%;
}

@media only screen and (max-width: 736px) {
  .con_after .box_after {
	width: 100%;
	float: none !important;
}
}
.con_after .box_after.left {
	float: left;
}

@media only screen and (max-width: 736px) {
  .con_after .box_after.left {
	margin-bottom: 30px;
}
}
.con_after .box_after.right {
	float: right;
}

.con_after .box_after .img {
	margin-bottom: 20px;
}

@media only screen and (max-width: 736px) {
  .con_after .box_after .img {
	width: 100%;
	max-width: 480px;
	margin: 0 auto 20px;
}
}
.con_after .box_after h4.st_leaf {
	margin: 0 auto 20px;
}

.con_after .box_after h4.st_leaf.st_acitvity {
	background-image: url(http://hotel-rosablanca.com/stay/girls/images/st_acitvity.png);
	width: 204px;
}

.con_after .box_after h4.st_leaf.st_karaoke {
	background-image: url(http://hotel-rosablanca.com/stay/girls/images/st_karaoke.png);
	width: 223px;
}

.con_after .box_after .txt {
	text-align: left;
}

.con_after .box_after .btn_brown {
	margin: 0 auto;
}

.con_after .box_after .btn_brown.btn_acitvity {
	width: 233px;
}

.con_after .box_after .btn_brown.btn_acitvity a {
	background-image: url("http://hotel-rosablanca.com/stay/images/btn/btn_acitvity.png");
	width: 233px;
}

.con_after .box_after .btn_brown.btn_acitvity a div {
	padding-top: 40px;
}

.con_after .box_after .btn_brown.btn_karaoke {
	width: 174px;
}

.con_after .box_after .btn_brown.btn_karaoke a {
	background-image: url("http://hotel-rosablanca.com/stay/images/btn/btn_karaoke.png");
	width: 174px;
}

.con_after .box_after .btn_brown.btn_karaoke a div {
	padding-top: 40px;
}

/*----------------------------------------------------
	.con_spa
	温泉のご案内
----------------------------------------------------*/
.con_spa {
	background-position: 24% 30px;
}

.con_spa .st_point {
	background: url(http://hotel-rosablanca.com/stay/girls/images/st_spa.png) center 0 no-repeat;
	padding-top: 36px;
}

/*----------------------------------------------------
	.con_talk
	飲んで、食べて・・・女子トークは続く♪
----------------------------------------------------*/
.con_talk {
	margin-bottom: 60px;
}

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

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

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

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

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

.con_talk .inner .detail .txt {
	margin-bottom: 20px;
}

.con_talk .inner .detail .btn_brown.btn_cottage_riyou a {
	background-image: url("http://hotel-rosablanca.com/stay/images/btn/btn_cottage_riyou.png");
	width: 213px;
}

.con_talk .inner .detail .btn_brown.btn_cottage_riyou a div {
	padding-top: 40px;
}

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

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

/*----------------------------------------------------
	.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(http://hotel-rosablanca.com/stay/girls/images/line_intro.png) center bottom no-repeat;
}

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

/*----------------------------------------------------
	.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/girls/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/girls/images/st_morning.png) center 0 no-repeat;
	padding-top: 30px;
}

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

/*----------------------------------------------------
	.con_recommend
	【個別-コンテナ】おすすめ商品
----------------------------------------------------*/
.con_recommend {
	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+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZjllNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #faf9e7), color-stop(100%, #ffffff));
	background-image: -webkit-linear-gradient(top, #faf9e7 0%, #ffffff 100%);
	background-image: -moz-linear-gradient(top, #faf9e7 0%, #ffffff 100%);
	background-image: -o-linear-gradient(top, #faf9e7 0%, #ffffff 100%);
	background-image: linear-gradient(top, #faf9e7 0%, #ffffff 100%);
	background-image: -ms-linear-gradient(top, #faf9e7 0%, white 100%);
	border: 5px solid #efdcb4;
	background-image: url("http://hotel-rosablanca.com/stay/girls/images/bg_reco.png");
	background-repeat: no-repeat;
	background-position: center 60px;
	background-size: auto !important;
}

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

/*----------------------------------------------------
	.con_checkout
	チェックアウトし、観光へGO
----------------------------------------------------*/
.con_checkout {
	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+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZjllNyIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #faf9e7), color-stop(40%, #ffffff));
	background-image: -webkit-linear-gradient(top, #faf9e7 0%, #ffffff 40%);
	background-image: -moz-linear-gradient(top, #faf9e7 0%, #ffffff 40%);
	background-image: -o-linear-gradient(top, #faf9e7 0%, #ffffff 40%);
	background-image: linear-gradient(top, #faf9e7 0%, #ffffff 40%);
	background-image: -ms-linear-gradient(top, #faf9e7 0%, white 40%);
}

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

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

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