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

 file name  :rooms_type.css
 author     :Ability Consultant
style info  :客室個別ページ用
=================================================================== */
/*-----------------------------------------------------------
	ページ設定
-----------------------------------------------------------*/
.hotel ul li.nav_sui a {
	background-image: url(http://hotel-rosablanca.com/rooms/images/nav/nav_sui.png);
}

.hotel ul li.nav_exe a {
	background-image: url(http://hotel-rosablanca.com/rooms/images/nav/nav_exe.png);
}

.hotel ul li.nav_wes a {
	background-image: url(http://hotel-rosablanca.com/rooms/images/nav/nav_wes.png);
}

.hotel ul li.nav_jap a {
	background-image: url(http://hotel-rosablanca.com/rooms/images/nav/nav_jap.png);
}

.cottage ul li.nav_cot a {
	background-image: url(http://hotel-rosablanca.com/rooms/images/nav/nav_cot.png);
}

.cottage ul li.nav_sco a {
	background-image: url(../rooms/images/nav/nav_sco.png);
}

.cottage ul li.nav_pet a {
	background-image: url(../rooms/images/nav/nav_pet.png);
}

/*----------------------------------------------------
	.nav_rooms
	各客室用ナビゲーション
----------------------------------------------------*/
.nav_rooms {
	overflow: hidden;
}

@media only screen and (max-width: 1024px) {
  .nav_rooms {
	padding: 0 10px;
}
}
.nav_rooms .btn_m {
	margin-bottom: 20px;
}

@media only screen and (min-width: 737px) {
  .nav_rooms .inner {
	display: block !important;
}
}
@media only screen and (max-width: 736px) {
  .nav_rooms .inner {
	display: none;
}
}
.nav_rooms .btn_top {
	width: 150px;
	margin-bottom: 10px;
}

@media only screen and (max-width: 736px) {
  .nav_rooms .btn_top {
	width: 100%;
	margin: 0 auto 15px;
}
}
.nav_rooms .btn_top a {
	display: block;
	height: 0;
	overflow: hidden;
	background-image: url(../rooms/images/nav/nav_rooms_top.png);
	padding-top: 34px;
	text-decoration: none;
}

.nav_rooms .btn_top a:hover {
	background-position: 0 -34px;
}

@media only screen and (max-width: 1024px) {
  .nav_rooms .btn_top a {
	background-image: none !important;
	background-color: #fbf6e3;
	border: 1px solid #eee3b9;
	height: auto;
	padding: 10px 0;
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
	line-height: 1;
}

  .nav_rooms .btn_top a:before {
	content: "\f0da";
	font-family: 'FontAwesome';
	margin-right: 5px;
}

  .nav_rooms .btn_top a:hover {
	color: #fff;
	background-color: #bf9840;
}
}
.nav_rooms .box_nav {
	overflow: hidden;
}

.nav_rooms .box_nav .st_nav {
	width: 100%;
	display: block;
	height: 0;
	padding-top: 33px;
	overflow: hidden;
	background-color: #e8d2a1;
	background-position: center center;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 1024px) {
  .nav_rooms .box_nav .st_nav {
	background-image: none !important;
	text-align: center;
	height: auto;
	padding: 3px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
	font-size: .9em;
}
}
.nav_rooms .box_nav.hotel,
.nav_rooms .box_nav.cottage {
	float: left;
}

@media only screen and (max-width: 1024px) {
  .nav_rooms .box_nav.hotel,
  .nav_rooms .box_nav.cottage {
	width: 100% !important;
	float: none;
}
}
.nav_rooms .box_nav.hotel ul,
.nav_rooms .box_nav.cottage ul {
	overflow: hidden;
}

.nav_rooms .box_nav.hotel ul li,
.nav_rooms .box_nav.cottage ul li {
	float: left;
	background: #fffef8;
	border-left: 1px solid #fff;
	border-right: 2px solid #eee3b9;
	border-bottom: 1px solid #eee3b9;
	padding-bottom: 5px;
}

@media only screen and (max-width: 736px) {
  .nav_rooms .box_nav.hotel ul li,
  .nav_rooms .box_nav.cottage ul li {
	padding-bottom: 0;
	border: 1px solid #eee3b9;
	border-top: none;
}
}
.nav_rooms .box_nav.hotel ul li a,
.nav_rooms .box_nav.cottage ul li a {
	display: block;
	height: 0;
	padding-top: 60px;
	overflow: hidden;
	background-color: #eee9d6;
	background-position: center 0;
	background-repeat: no-repeat;
	text-decoration: none;
}

.nav_rooms .box_nav.hotel ul li a:hover,
.nav_rooms .box_nav.cottage ul li a:hover {
	background-position: center -60px;
	background-color: #b28c33;
}

@media only screen and (max-width: 1024px) {
  .nav_rooms .box_nav.hotel ul li a,
  .nav_rooms .box_nav.cottage ul li a {
	background-image: none !important;
	background-color: #fbf6e3;
	height: auto;
	padding: 10px 0;
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
	line-height: 1;
	font-size: .9em;
}

  .nav_rooms .box_nav.hotel ul li a:before,
  .nav_rooms .box_nav.cottage ul li a:before {
	content: "\f0da";
	font-family: 'FontAwesome';
	margin-right: 5px;
}

  .nav_rooms .box_nav.hotel ul li a:hover,
  .nav_rooms .box_nav.cottage ul li a:hover {
	color: #fff;
	background-color: #bf9840;
}
}
@media only screen and (max-width: 736px) {
  .nav_rooms .box_nav.hotel ul li a,
  .nav_rooms .box_nav.cottage ul li a {
	text-align: left;
	padding: 15px 5px;
}
}
.nav_rooms .box_nav.hotel {
	width: 56%;
}

@media only screen and (max-width: 1024px) {
  .nav_rooms .box_nav.hotel {
	margin-bottom: 10px;
}
}
.nav_rooms .box_nav.hotel .st_nav {
	background-image: url(http://hotel-rosablanca.com/rooms/images/nav/st_hotel.png);
	border-right: 2px solid #dcc38c;
}

.nav_rooms .box_nav.hotel ul li.nav_sui {
	width: 38%;
}

.nav_rooms .box_nav.hotel ul li.nav_exe {
	width: 30%;
}

.nav_rooms .box_nav.hotel ul li.nav_wes {
	width: 16%;
}

.nav_rooms .box_nav.hotel ul li.nav_jap {
	width: 16%;
}

@media only screen and (max-width: 1024px) {
  .nav_rooms .box_nav.hotel ul li.nav_sui {
	width: 40%;
}

  .nav_rooms .box_nav.hotel ul li.nav_exe {
	width: 30%;
}

  .nav_rooms .box_nav.hotel ul li.nav_wes {
	width: 15%;
}

  .nav_rooms .box_nav.hotel ul li.nav_jap {
	width: 15%;
}
}
@media only screen and (max-width: 736px) {
  .nav_rooms .box_nav.hotel ul li {
	width: 50% !important;
}
}
@media only screen and (max-width: 480px) {
  .nav_rooms .box_nav.hotel ul li {
	width: 100% !important;
}
}
.nav_rooms .box_nav.cottage {
	/*width: 44%;*/
	width: 100%;
	
}

.nav_rooms .box_nav.cottage .st_nav {
	background-image: url(http://hotel-rosablanca.com/rooms/images/nav/st_cottage.png);
	border-left: 1px solid #f2e3c3;
}

.nav_rooms .box_nav.cottage ul li.nav_cot {
	width: 30%;
}

.nav_rooms .box_nav.cottage ul li.nav_sco {
	width: 50%;
}

.nav_rooms .box_nav.cottage ul li.nav_pet {
	width: 50%;
}

}
@media only screen and (max-width: 736px) {
  .nav_rooms .box_nav.cottage ul li {
	width: 50% !important;
}
}
@media only screen and (max-width: 480px) {
  .nav_rooms .box_nav.cottage ul li {
	width: 100% !important;
}
}

/*----------------------------------------------------
	アクティブ設定
----------------------------------------------------*/
#suite .box_nav .nav_sui a,
#execive .box_nav .nav_exe a,
#western .box_nav .nav_wes a,
#japanese .box_nav .nav_jap a,
#cottage .box_nav .nav_cot a,
#cottage .box_nav .nav_sco a,
#petcottage .box_nav .nav_pet a {
	background-position: center -60px;
	background-color: #b28c33;
	color: #fff;
}

@media only screen and (max-width: 736px) {
  #suite .box_nav .nav_sui a,
  #execive .box_nav .nav_exe a,
  #western .box_nav .nav_wes a,
  #japanese .box_nav .nav_jap a,
  #cottage .box_nav .nav_cot a,
  #cottage .box_nav .nav_sco a,
  #petcottage .box_nav .nav_pet a {
	color: #fff;
	background-color: #bf9840;
}
}