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

 file name  :rooms.css
 author	 :Ability Consultant
style info  :客室
=================================================================== */
/*-----------------------------------------------------------
	ページ設定
-----------------------------------------------------------*/
#rooms .gnav ul li.gnav_roo {
	border-bottom: 3px solid #64ad5d;
}

/*----------------------------------------------------
	.客室
----------------------------------------------------*/
.wrp_pgtit .con_pgtitle {
	background: url(../rooms/images/bg_title.jpg) center 0 no-repeat;
}

.wrp_pgtit .con_pgtitle h2.title {
	background: url(../rooms/images/st_title.png) 10px center no-repeat;
}

/*----------------------------------------------------
	汎用
----------------------------------------------------*/
.wrp_tl_rooms {
	clear: both;
	background: url(http://hotel-rosablanca.com/rooms/images/bg_tl.jpg) left top repeat-x;
	padding: 1% 0 1% 1%;
	margin-bottom: 20px;
}

@media only screen and (max-width: 736px) {
  .wrp_tl_rooms {
	margin-bottom: 15px;
}
}
.wrp_tl_rooms .tl_rooms {
	background: url(http://hotel-rosablanca.com/rooms/images/ic_rose.png) 0 center no-repeat;
	background-size: 3%;
	padding-left: 4%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
	font-weight: normal;
	font-size: 1.2rem;
}

@media only screen and (max-width: 736px) {
  .wrp_tl_rooms .tl_rooms {
	font-size: 1.1rem;
}
}

/*----------------------------------------------------
	.con_rooms　	客室のご案内
----------------------------------------------------*/
.con_rooms {
	*zoom: 1;
	width: 1280px;
	margin: 0 auto;
	padding-bottom: 40px;
}

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

@media only screen and (max-width: 1280px) {
  .con_rooms {
	width: 100%;
}
}
.con_rooms .st_smp1 h3 {
	background-image: url(../rooms/images/st_basic.png);
	margin-bottom: 20px;
}

.con_rooms .wrp_intro {
	margin-bottom: 40px;
}

@media only screen and (max-width: 736px) {
  .con_rooms .wrp_intro {
	margin-bottom: 0;
}
}
.con_rooms .wrp_intro .photo {
	float: left;
	width: 50%;
	padding-right: 5%;
}

.con_rooms .wrp_intro .photo img {
	width: 100%;
}

@media only screen and (max-width: 736px) {
  .con_rooms .wrp_intro .photo {
	float: none;
	width: 100%;
	padding: 0;
}
}
.con_rooms .wrp_intro .txt {
	float: right;
	width: 50%;
	padding-right: 5%;
	margin-top: 0px;
}

@media only screen and (max-width: 736px) {
  .con_rooms .wrp_intro .txt {
	float: none;
	width: 100%;
	padding: 2%;
}
}
.con_rooms .wrp_intro .txt img {
	margin-bottom: 15px;
}

.con_rooms .wrp_intro .txt h4 {
	color: #64ad5d;
	margin-bottom: 15px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
	font-size: 1.45em;
}

@media only screen and (max-width: 736px) {
  .con_rooms .wrp_intro .txt h4 {
	font-size: 1.3em;
	margin-bottom: 10px;
}
}
.con_rooms .wrp_intro .txt p {
	margin-bottom: 40px;
}

.con_rooms .wrp_intro .txt .btn_gr_m a {
	width: 242px;
	background-image: url(../rooms/images/btn_gr_m.png);
}

.con_rooms .wrp_intro .txt .btn_gr_m a div {
	padding-top: 40px;
}

@media only screen and (max-width: 736px) {
  .con_rooms .wrp_intro .txt .btn_gr_m {
	padding: 0 8%;
}
}

/*----------------------------------------------------
	.con_introduction　	客室紹介
----------------------------------------------------*/
.con_introduction {
	*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_introduction:after {
	content: "";
	display: table;
	clear: both;
}

@media only screen and (max-width: 1280px) {
  .con_introduction {
	width: 100%;
}
}
.con_introduction .st_smp2 {
	display: block;
	height: 0;
	overflow: hidden;
	background: url("../rooms/images/st_introduction.png") center center no-repeat;
	padding-top: 72px;
	margin-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
  .con_introduction .st_smp2 {
	background: none !important;
	padding: 15px 0 10px;
	height: auto;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
	text-align: center;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 1.2;
}

  .con_introduction .st_smp2 span {
	font-size: .8em;
	display: block;
	font-family: "Times New Roman";
	color: #dfc47a;
}
}
.con_introduction .txt_info {
	margin-bottom: 20px;
}

.con_introduction .wrp ul {
	margin-bottom: 20px;
}

.con_introduction .wrp ul li {
	background: url("../images/common/border_skin.png") 0 0 repeat-x;
	padding-top: 6px;
	float: left;
	width: 49%;
	padding: 2%;
	margin-bottom: 30px;
	position: relative;
	-webkit-box-shadow: 0px 4px 4px #e4e4e4;
	-moz-box-shadow: 0px 4px 4px #e4e4e4;
	box-shadow: 0px 4px 4px #e4e4e4;
}

.con_introduction .wrp ul li:nth-child(odd) {
	margin-right: 2%;
}

.con_introduction .wrp ul li:first-child {
	margin-right: 2%;
}

@media only screen and (max-width: 736px) {
  .con_introduction .wrp ul li {
	float: none;
	width: 100%;
	margin: 0 0 60px 0;
	padding: 0;
}
}
.con_introduction .wrp ul li .deco {
	position: absolute;
	top: -5px;
	right: 0px;
	opacity: .5;
	z-index: 10;
}

@media only screen and (max-width: 736px) {
  .con_introduction .wrp ul li .deco {
	top: 0;
	right: 0;
}
}
.con_introduction .wrp ul li .photo {
	float: left;
	width: 35%;
}

@media only screen and (max-width: 1024px) {
  .con_introduction .wrp ul li .photo {
	float: none;
	width: 100%;
}
}
@media only screen and (max-width: 736px) {
  .con_introduction .wrp ul li .photo {
	display: none;
}
}
.con_introduction .wrp ul li .photo img {
	width: 100%;
}

.con_introduction .wrp ul li .txt {
	float: right;
	width: 65%;
}

@media only screen and (max-width: 1024px) {
  .con_introduction .wrp ul li .txt {
	float: none;
	width: 100%;
}
}
.con_introduction .wrp ul li .txt h5.type {
	font-weight: normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
	line-height: 1.2em;
	padding: 3% 3% 3% 5%;
	margin-bottom: 10px;
	position: relative;
	font-size: 1.4em;
}

@media only screen and (max-width: 736px) {
  .con_introduction .wrp ul li .txt h5.type {
	font-size: 1.4em;
	margin-bottom: 0;
}
}
.con_introduction .wrp ul li .txt h5.type.brown {
	color: #7b4822;
}

.con_introduction .wrp ul li .txt h5.type span {
	font-size: .75em;
	display: block;
	opacity: .75;
}

@media only screen and (max-width: 736px) {
  .con_introduction .wrp ul li .txt h5.type span {
	font-size: .6em;
}
}
.con_introduction .wrp ul li .txt h5.type span.green {
	color: #1E6432;
}

.con_introduction .wrp ul li .txt h5.type.type1 {
	color: #fff;
	background: url(http://hotel-rosablanca.com/rooms/images/bg_type1.png) left top no-repeat;
	background-size: cover;
}

.con_introduction .wrp ul li .txt h5.type.type2 {
	background: url(http://hotel-rosablanca.com/rooms/images/bg_type2.jpg) left top no-repeat;
	background-size: cover;
}

.con_introduction .wrp ul li .txt h5.type.type3 {
	background-color: #e8f7e0;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFE8F7E0', endColorstr='#FFFFFFFF');
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZjdlMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e8f7e0), color-stop(100%, #ffffff));
	background-image: -webkit-linear-gradient(left, #e8f7e0 0%, #ffffff 100%);
	background-image: -moz-linear-gradient(left, #e8f7e0 0%, #ffffff 100%);
	background-image: -o-linear-gradient(left, #e8f7e0 0%, #ffffff 100%);
	background-image: linear-gradient(left, #e8f7e0 0%, #ffffff 100%);
	background-image: -ms-linear-gradient(left, #e8f7e0 0%, white 100%);
}

.con_introduction .wrp ul li .txt h5.type.type4 {
	background-color: #f7f5db;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFF7F5DB', endColorstr='#FFFFFFFF');
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjVkYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f7f5db), color-stop(100%, #ffffff));
	background-image: -webkit-linear-gradient(left, #f7f5db 0%, #ffffff 100%);
	background-image: -moz-linear-gradient(left, #f7f5db 0%, #ffffff 100%);
	background-image: -o-linear-gradient(left, #f7f5db 0%, #ffffff 100%);
	background-image: linear-gradient(left, #f7f5db 0%, #ffffff 100%);
	background-image: -ms-linear-gradient(left, #f7f5db 0%, white 100%);
}

.con_introduction .wrp ul li .txt .wrp_sweet_l {
	width: 100%;
	padding: 0;
}

.con_introduction .wrp ul li .txt .wrp_sweet_l img.img_introh {
	display: none;
	width: 40%;
}

@media only screen and (max-width: 736px) {
  .con_introduction .wrp ul li .txt .wrp_sweet_l img.img_introh {
	display: block;
	float: left;
	margin-bottom: 40px;
}
}
.con_introduction .wrp ul li .txt .wrp_sweet_l p {
	margin-bottom: 10px;
	padding: 3% 1% 3% 5%;
}

@media only screen and (max-width: 736px) {
  .con_introduction .wrp ul li .txt .wrp_sweet_l p {
	float: right;
	width: 60%;
}
}
@media only screen and (max-width: 736px) {
  .con_introduction .wrp ul li .wrp_btn {
	padding: 0 10% 4%;
}
}
.con_introduction .wrp ul li .wrp_btn .wrp_sweet_r {
	float: right;
	margin-top: 15px;
}

@media only screen and (max-width: 736px) {
  .con_introduction .wrp ul li .wrp_btn .wrp_sweet_r {
	float: none;
	width: 100%;
}
}
.con_introduction .wrp ul li .wrp_btn .wrp_sweet_r .btn_be_s {
	float: left;
}

@media only screen and (max-width: 736px) {
  .con_introduction .wrp ul li .wrp_btn .wrp_sweet_r .btn_be_s {
	float: none;
	width: 100%;
	margin: 20px 0 15px;
}
}
.con_introduction .wrp ul li .wrp_btn .wrp_sweet_r .btn_be_s a {
	width: 129px;
	background-image: url(http://hotel-rosablanca.com/rooms/images/btn_detail_s.jpg);
}

.con_introduction .wrp ul li .wrp_btn .wrp_sweet_r .btn_be_s a div {
	padding-top: 32px;
}

.con_introduction .wrp ul li .wrp_btn .wrp_sweet_r .btn_gr_s {
	float: left;
	margin-left: 10px;
}

@media only screen and (max-width: 736px) {
  .con_introduction .wrp ul li .wrp_btn .wrp_sweet_r .btn_gr_s {
	float: none;
	width: 100%;
	margin: 0;
}
}
.con_introduction .wrp ul li .wrp_btn .wrp_sweet_r .btn_gr_s a {
	width: 163px;
	background-image: url(http://hotel-rosablanca.com/rooms/images/btn_resv_s.jpg);
}

.con_introduction .wrp ul li .wrp_btn .wrp_sweet_r .btn_gr_s a div {
	padding-top: 32px;
}

/*----------------------------------------------------
	.con_outline　	概要
----------------------------------------------------*/
.con_outline {
	padding-top: 6px;
	background: url(../images/common/border_skin.png);
	margin-bottom: 120px;
}

@media only screen and (max-width: 736px) {
  .con_outline {
	margin-bottom: 50px;
}
}
.con_outline .wrp_outline {
	*zoom: 1;
	width: 1280px;
	margin: 0 auto;
	background: #fcf9eb;
	padding: 2%;
}

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

@media only screen and (max-width: 1280px) {
  .con_outline .wrp_outline {
	width: 100%;
}
}
.con_outline .wrp_outline .st_smp2 {
	display: block;
	height: 0;
	overflow: hidden;
	background: url("../rooms/images/st_center.png") center center no-repeat;
	padding-top: 51px;
	margin-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
  .con_outline .wrp_outline .st_smp2 {
	background: none !important;
	padding: 15px 0 10px;
	height: auto;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
	text-align: center;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 1.2;
}

  .con_outline .wrp_outline .st_smp2 span {
	font-size: .8em;
	display: block;
	font-family: "Times New Roman";
	color: #dfc47a;
}
}
.con_outline .wrp_outline .wrp .photo {
	width: 30%;
	float: left;
}

@media only screen and (max-width: 736px) {
  .con_outline .wrp_outline .wrp .photo {
	display: none;
	float: none;
	width: 100%;
}
}
.con_outline .wrp_outline .wrp .photo img {
	width: 100%;
}

.con_outline .wrp_outline .wrp .txt {
	width: 65%;
	float: left;
	margin-left: 5%;
}

@media only screen and (max-width: 736px) {
  .con_outline .wrp_outline .wrp .txt {
	float: none;
	width: 100%;
	margin: 20px 0 0 0;
}
}