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

file name  :stay_allyear.css
author     :Ability Consultant
style info  :どんな季節も楽しめる過ごし方

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

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

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

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

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

/*----------------------------------------------------
	.con_point02
	思い思いに過ごす
----------------------------------------------------*/
.con_point02 {
	margin-bottom: 50px;
	padding-left: 50px;
	padding-right: 50px;
}

@media only screen and (max-width: 1024px) {
  .con_point02 {
	padding-left: 10px;
	padding-right: 10px;
}
}
.con_point02 .st_point {
	background: url(http://hotel-rosablanca.com/stay/allyear/images/st_point02.png) center 0 no-repeat;
	padding-top: 28px;
}

.con_point02 .wrp_top {
	width: 100%;
	margin-bottom: 30px;
	overflow: hidden;
	background: url(http://hotel-rosablanca.com/stay/allyear/images/line_gr_02.png) 0 bottom repeat-x;
}

@media only screen and (max-width: 736px) {
  .con_point02 .wrp_top {
	background: none;
	margin-bottom: 0;
}
}
.con_point02 .wrp_top .box_top {
	float: left;
	width: 50%;
	padding: 0 35px 30px;
	margin-bottom: 0;
	background: none;
}

.con_point02 .wrp_top .box_top.first {
	background: url(../stay/allyear/images/line_gr_01.png) right 0 repeat-y;
}

@media only screen and (max-width: 736px) {
  .con_point02 .wrp_top .box_top {
	float: none;
	width: 100%;
	padding: 0 10px;
	margin-bottom: 50px;
}

  .con_point02 .wrp_top .box_top.first {
	background: none;
}
}
.con_point02 .box_point {
	background: url(http://hotel-rosablanca.com/stay/allyear/images/line_gr_02.png) 0 bottom repeat-x;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

@media only screen and (max-width: 1024px) {
  .con_point02 .box_point {
	padding: 0 10px 30px;
}
}
@media only screen and (max-width: 736px) {
  .con_point02 .box_point {
	background: url(http://hotel-rosablanca.com/stay/allyear/images/line_gr_02.png) 0 bottom repeat-x !important;
	padding: 0 10px 25px !important;
	margin-bottom: 25px !important;
}

  .con_point02 .box_point.cafe {
	background: none !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}
}
.con_point02 .box_point h4.st_leaf {
	margin: 0 auto 20px;
}

.con_point02 .box_point h4.st_leaf.st_rooms {
	background-image: url(http://hotel-rosablanca.com/stay/allyear/images/st_point02_1.png);
	width: 156px;
}

.con_point02 .box_point h4.st_leaf.st_spa {
	background-image: url(http://hotel-rosablanca.com/stay/allyear/images/st_point02_2.png);
	width: 283px;
}

.con_point02 .box_point h4.st_leaf.st_garden {
	background-image: url(../stay/allyear/images/st_point02_3.png);
	width: 156px;
}

.con_point02 .box_point h4.st_leaf.st_activity {
	background-image: url(http://hotel-rosablanca.com/stay/allyear/images/st_point02_4.png);
	letter-spacing: -1px;
}

@media only screen and (max-width: 1024px) {
  .con_point02 .box_point h4.st_leaf.st_activity {
	width: 326px;
}
}
.con_point02 .box_point h4.st_leaf.st_cafe {
	background-image: url(../stay/allyear/images/st_point02_5.png);
}

.con_point02 .box_point .btn_brown {
	margin: 0 auto;
}

.con_point02 .box_point .btn_brown.btn_rooms {
	width: 161px;
}

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

.con_point02 .box_point .btn_brown.btn_rooms a div {
	padding-top: 40px;
}

.con_point02 .box_point .btn_brown.btn_spazone {
	width: 236px;
}

.con_point02 .box_point .btn_brown.btn_spazone a {
	background-image: url("http://hotel-rosablanca.com/stay/images/btn/btn_spazone.png");
	width: 236px;
}

.con_point02 .box_point .btn_brown.btn_spazone a div {
	padding-top: 40px;
}

.con_point02 .box_point .btn_brown.btn_rent {
	width: 237px;
}

.con_point02 .box_point .btn_brown.btn_rent a {
	background-image: url("http://hotel-rosablanca.com/stay/images/btn/btn_rent.png");
	width: 237px;
}

.con_point02 .box_point .btn_brown.btn_rent a div {
	padding-top: 40px;
}

.con_point02 .box_point .btn_brown.btn_activity a {
	background-image: url("../stay/images/btn/btn_activity.png");
	width: 286px;
}

.con_point02 .box_point .btn_brown.btn_activity a div {
	padding-top: 40px;
}

.con_point02 .box_point .btn_brown.btn_facilities a {
	background-image: url("http://hotel-rosablanca.com/stay/images/btn/btn_facilities.png");
	width: 196px;
}

.con_point02 .box_point .btn_brown.btn_facilities a div {
	padding-top: 40px;
}

.con_point02 .box_point .img {
	text-align: center;
	margin-bottom: 20px;
}

.con_point02 .box_point .txt {
	margin-bottom: 20px;
}

.con_point02 .box_point.garden {
	overflow: hidden;
}

@media only screen and (max-width: 736px) {
  .con_point02 .box_point.garden {
	margin-bottom: 0;
}
}
.con_point02 .box_point.garden .img_l,
.con_point02 .box_point.garden .img_r {
	width: 50%;
	padding: 0 10px;
	margin-bottom: 20px;
}

.con_point02 .box_point.garden .img_l {
	float: left;
	text-align: right;
}

@media only screen and (max-width: 736px) {
  .con_point02 .box_point.garden .img_l {
	width: 100%;
	float: none;
}
}
.con_point02 .box_point.garden .img_r {
	float: right;
	text-align-last: auto;
}

@media only screen and (max-width: 736px) {
  .con_point02 .box_point.garden .img_r {
	display: none;
}
}
.con_point02 .box_point.garden .st_garden {
	clear: both;
}

.con_point02 .box_point.garden .txt {
	text-align: center;
}

@media only screen and (max-width: 1024px) {
  .con_point02 .box_point.garden .txt {
	text-align: left;
}
}
.con_point02 .box_point.activity {
	overflow: hidden;
}

.con_point02 .box_point.activity .img {
	float: right;
	width: 50%;
}

@media only screen and (max-width: 736px) {
  .con_point02 .box_point.activity .img {
	float: none;
	width: 100%;
}
}
.con_point02 .box_point.activity .detail {
	float: left;
	width: 50%;
	padding: 0 30px 0 40px;
}

@media only screen and (max-width: 1024px) {
  .con_point02 .box_point.activity .detail {
	padding: 0 30px 0 0;
}
}
@media only screen and (max-width: 736px) {
  .con_point02 .box_point.activity .detail {
	float: none;
	width: 100%;
	padding: 0;
}
}
.con_point02 .box_point.cafe {
	background: none;
	margin-bottom: 0;
	padding-bottom: 0;
	overflow: hidden;
	background: url(http://hotel-rosablanca.com/stay/allyear/images/bg_point02_5.png) 90% bottom no-repeat;
}

@media only screen and (max-width: 736px) {
  .con_point02 .box_point.cafe {
	background: none;
}
}
.con_point02 .box_point.cafe .img {
	float: left;
	width: 50%;
	text-align: right;
}

@media only screen and (max-width: 736px) {
  .con_point02 .box_point.cafe .img {
	float: none;
	width: 100%;
	text-align: center;
}
}
.con_point02 .box_point.cafe .detail {
	float: left;
	width: 50%;
	padding-left: 30px;
}

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

/*----------------------------------------------------
	.con_dish
	伊賀料理を楽しむ
----------------------------------------------------*/
.con_dish .st_point {
	background: url(http://hotel-rosablanca.com/stay/allyear/images/st_point03.png) center 0 no-repeat;
	padding-top: 30px;
}

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

/*----------------------------------------------------
	.con_point05
	温泉ですっきりした後のお楽しみ
----------------------------------------------------*/
.con_point05 {
	margin-bottom: 60px;
}

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

.con_point05 .txt_intro {
	text-align: center;
	margin-bottom: 150px;
}

@media only screen and (max-width: 736px) {
  .con_point05 .txt_intro {
	text-align: left;
	margin-bottom: 30px;
	padding: 0 10px;
}

  .con_point05 .txt_intro br {
	display: none;
}
}
.con_point05 .con_top,
.con_point05 .con_btm {
	width: 100%;
	*zoom: 1;
	position: relative;
	padding: 0 5%;
}

.con_point05 .con_top:after,
.con_point05 .con_btm:after {
	content: "";
	display: table;
	clear: both;
}

.con_point05 .con_top .ic,
.con_point05 .con_btm .ic {
	position: absolute;
	top: -20%;
	left: 50%;
	margin-left: -8%;
	width: 16%;
}

@media only screen and (max-width: 736px) {
  .con_point05 .con_top .ic,
  .con_point05 .con_btm .ic {
	position: static;
	margin: 0 auto 20px;
	width: 50%;
	max-width: 130px;
}
}
@media only screen and (max-width: 1100px) {
  .con_point05 .con_top,
  .con_point05 .con_btm {
	padding: 0 10px;
}
}
.con_point05 .con_top .box_point,
.con_point05 .con_btm .box_point {
	width: 50%;
}

.con_point05 .con_top .box_point .img,
.con_point05 .con_btm .box_point .img {
	margin-bottom: 20px;
	text-align: center;
}

@media only screen and (max-width: 736px) {
  .con_point05 .con_top .box_point .img,
  .con_point05 .con_btm .box_point .img {
	width: 100%;
	max-width: 480px;
	margin: 0 auto 20px;
}
}
.con_point05 .con_top .box_point .txt,
.con_point05 .con_btm .box_point .txt {
	margin-bottom: 20px;
	padding: 0 20px;
}

@media only screen and (max-width: 736px) {
  .con_point05 .con_top .box_point .txt,
  .con_point05 .con_btm .box_point .txt {
	padding: 0;
}
}
.con_point05 .con_top .box_point.left,
.con_point05 .con_btm .box_point.left {
	float: left;
	padding-right: 20px;
}

.con_point05 .con_top .box_point.right,
.con_point05 .con_btm .box_point.right {
	float: right;
	padding-left: 20px;
}

@media only screen and (max-width: 736px) {
  .con_point05 .con_top .box_point.left,
  .con_point05 .con_top .box_point.right,
  .con_point05 .con_btm .box_point.left,
  .con_point05 .con_btm .box_point.right {
	float: none;
	width: 100%;
	padding: 0;
	margin-bottom: 30px;
}
}
.con_point05 .con_top h4.st_leaf,
.con_point05 .con_btm h4.st_leaf {
	margin: 0 auto 20px;
}

.con_point05 .con_top h4.st_leaf.st_boutique,
.con_point05 .con_btm h4.st_leaf.st_boutique {
	background-image: url(http://hotel-rosablanca.com/stay/allyear/images/st_boutique.png);
	width: 325px;
}

.con_point05 .con_top h4.st_leaf.st_cottage,
.con_point05 .con_btm h4.st_leaf.st_cottage {
	background-image: url(http://hotel-rosablanca.com/stay/allyear/images/st_cottage.png);
	width: 327px;
}

.con_point05 .con_top h4.st_leaf.st_acitvity,
.con_point05 .con_btm h4.st_leaf.st_acitvity {
	background-image: url(http://hotel-rosablanca.com/stay/allyear/images/st_acitvity.png);
	width: 204px;
}

.con_point05 .con_top h4.st_leaf.st_karaoke,
.con_point05 .con_btm h4.st_leaf.st_karaoke {
	background-image: url(http://hotel-rosablanca.com/stay/allyear/images/st_karaoke.png);
	width: 223px;
}

.con_point05 .con_top .btn_brown,
.con_point05 .con_btm .btn_brown {
	margin: 0 auto;
}

.con_point05 .con_top .btn_brown.btn_boutique,
.con_point05 .con_btm .btn_brown.btn_boutique {
	width: 226px;
}

.con_point05 .con_top .btn_brown.btn_boutique a,
.con_point05 .con_btm .btn_brown.btn_boutique a {
	background-image: url("http://hotel-rosablanca.com/stay/images/btn/btn_boutique_info.png");
	width: 226px;
}

.con_point05 .con_top .btn_brown.btn_boutique a div,
.con_point05 .con_btm .btn_brown.btn_boutique a div {
	padding-top: 40px;
}

.con_point05 .con_top .btn_brown.btn_cottage,
.con_point05 .con_btm .btn_brown.btn_cottage {
	width: 183px;
}

.con_point05 .con_top .btn_brown.btn_cottage a,
.con_point05 .con_btm .btn_brown.btn_cottage a {
	background-image: url("../stay/images/btn/btn_cottage.png");
	width: 183px;
}

.con_point05 .con_top .btn_brown.btn_cottage a div,
.con_point05 .con_btm .btn_brown.btn_cottage a div {
	padding-top: 40px;
}

.con_point05 .con_top .btn_brown.btn_acitvity,
.con_point05 .con_btm .btn_brown.btn_acitvity {
	width: 233px;
}

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

.con_point05 .con_top .btn_brown.btn_acitvity a div,
.con_point05 .con_btm .btn_brown.btn_acitvity a div {
	padding-top: 40px;
}

.con_point05 .con_top .btn_brown.btn_karaoke,
.con_point05 .con_btm .btn_brown.btn_karaoke {
	width: 174px;
}

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

.con_point05 .con_top .btn_brown.btn_karaoke a div,
.con_point05 .con_btm .btn_brown.btn_karaoke a div {
	padding-top: 40px;
}

.con_point05 .con_top {
	background: url(http://hotel-rosablanca.com/stay/allyear/images/line_gre_side.png) center bottom repeat-x;
	padding-bottom: 50px;
	margin-bottom: 140px;
}

@media only screen and (max-width: 736px) {
  .con_point05 .con_top {
	padding-bottom: 25px;
	margin-bottom: 25px;
}
}

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

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

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

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

  .con_asaburo .ic:after {
	color: #3d50b4;
}
}
.con_asaburo .st_point {
	background: url(http://hotel-rosablanca.com/stay/allyear/images/st_point07.png) center 0 no-repeat;
	padding-top: 89px;
}

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

  .con_morning .ic:after {
	color: #e48639;
}
}
.con_morning .st_point {
	background: url(http://hotel-rosablanca.com/stay/allyear/images/st_point08.png) center 0 no-repeat;
	padding-top: 34px;
}

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

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

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