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

 file name  :stay.css
 author     :Ability Consultant
style info  :過ごし方
=================================================================== */
/*-----------------------------------------------------------
	ページ設定
-----------------------------------------------------------*/
/*----------------------------------------------------
	.タイトル指定
----------------------------------------------------*/
.wrp_pgtit .con_pgtitle {
	background: url(http://hotel-rosablanca.com/stay/images/bg_title.jpg) center 0 no-repeat;
}

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

/*----------------------------------------------------
	.con_intro　	イントロ
----------------------------------------------------*/
.con_intro {
	*zoom: 1;
	width: 1280px;
	margin: 0 auto;
	margin-bottom: 40px;
}

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

@media only screen and (max-width: 1280px) {
  .con_intro {
	width: 100%;
}
}
.con_intro h3 {
	margin-bottom: 0px;
}

.con_intro h3 img {
	width: 100%;
}

@media only screen and (max-width: 736px) {
  .con_intro .wrp_txt {
	padding: 0 1%;
}
}
.con_intro .wrp_txt .wrp_tl_intro {
	overflow: hidden;
	height: 0;
	margin: 10px auto 15px;
	background: url(http://hotel-rosablanca.com/stay/images/tl_top.png) center 0 no-repeat;
	padding-top: 63px;
	width: images-width("../stay/images/tl_top.png");
}

@media only screen and (max-width: 1024px) {
  .con_intro .wrp_txt .wrp_tl_intro {
	height: auto;
	padding: 0;
	background: none;
}
}
.con_intro .wrp_txt .wrp_tl_intro .tl_intro {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
	font-size: 1.6em;
	font-weight: normal;
	text-align: center;
	color: #614016;
}

.con_intro .wrp_txt .wrp_tl_intro .tl_intro span {
	color: #2b995c;
	margin: 0 3px;
}

@media only screen and (max-width: 1024px) {
  .con_intro .wrp_txt .wrp_tl_intro .tl_intro {
	text-align: left;
	font-size: 1.35rem;
}
}
@media only screen and (max-width: 736px) {
  .con_intro .wrp_txt .wrp_tl_intro .tl_intro {
	font-size: 1.2rem;
}
}
.con_intro .wrp_txt .txt_intro {
	text-align: center;
}

@media only screen and (max-width: 1024px) {
  .con_intro .wrp_txt .txt_intro {
	text-align: left;
}
}

/*----------------------------------------------------
	.con_stay　	過ごし方TOP
----------------------------------------------------*/
.con_stay {
	*zoom: 1;
	width: 1280px;
	margin: 0 auto;
	background: url(http://hotel-rosablanca.com/stay/images/bg_green_line.png) center top no-repeat;
	background-size: contain;
	padding-top: 6%;
}

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

@media only screen and (max-width: 1280px) {
  .con_stay {
	width: 100%;
}
}
@media only screen and (max-width: 736px) {
  .con_stay {
	padding-top: 7%;
}
}
.con_stay .wrp_box {
	width: 100%;
}

@media only screen and (max-width: 736px) {
  .con_stay .wrp_box {
	padding: 0;
}
}
.con_stay .wrp_box ul {
	width: 100%;
}

.con_stay .wrp_box ul li img {
	width: 100%;
}

@media only screen and (max-width: 736px) {
  .con_stay .wrp_box ul.top {
	width: 100%;
	margin: 0px auto 0px;
}
}
.con_stay .wrp_box ul.top li {
	width: 32%;
	float: left;
	margin-left: 2%;
}

.con_stay .wrp_box ul.top li:first-child {
	margin-left: 0;
}

@media only screen and (max-width: 736px) {
  .con_stay .wrp_box ul.top li:first-child {
	margin: 0px auto 6%;
}
}
@media only screen and (max-width: 736px) {
  .con_stay .wrp_box ul.top li {
	width: 90%;
	float: none;
	margin: 0px auto 6%;
}
}
.con_stay .wrp_box ul.btm {
	width: 66.66%;
	margin: 2% auto 0;
}

@media only screen and (max-width: 736px) {
  .con_stay .wrp_box ul.btm {
	width: 100%;
	margin: 0px auto 0px;
}
}
.con_stay .wrp_box ul.btm li {
	width: 46.5%;
	float: left;
	margin-left: 3%;
}

.con_stay .wrp_box ul.btm li:first-child {
	margin-right: 0;
}

@media only screen and (max-width: 736px) {
  .con_stay .wrp_box ul.btm li:first-child {
	margin: 0px auto 6%;
}
}
@media only screen and (max-width: 736px) {
  .con_stay .wrp_box ul.btm li {
	width: 90%;
	float: none;
	margin: 0px auto 6%;
}
}