@charset "UTF-8";

/* ===================================================================
CSS information

 file name  :restaurant.css
 author	 :Ability Consultant
style info  :お料理
=================================================================== */
/*-----------------------------------------------------------
	ページ設定
-----------------------------------------------------------*/
#restaurant .gnav ul li.gnav_res {
	border-bottom: 3px solid #64ad5d;
}

/*-----------------------------------------------------------
	お料理共通
-----------------------------------------------------------*/
.st_cuisine {
	text-align: center;
	padding: 8px 5px 10px;
	margin-bottom: 20px;
	background: #e7dba5 url(http://hotel-rosablanca.com/restaurant/images/bg_line.png) bottom left repeat-x;
}

@media only screen and (max-width: 736px) {
	.st_cuisine {
		text-align: left;
		margin-bottom: 16px;
	}
}

.st_cuisine span {
	background: url(http://hotel-rosablanca.com/restaurant/images/ic_st_inner.png) left center no-repeat;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
	font-size: 1.5em;
	display: inline-block;
	padding-left: 30px;
	font-weight: normal;
}

@media only screen and (max-width: 736px) {
	.st_cuisine span {
		font-size: 1.1em;
	}
}

.con_din {
	*zoom: 1;
	width: 1280px;
	margin: 0 auto;
}

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

@media only screen and (max-width: 1280px) {
	.con_din {
		width: 100%;
	}
}

.con_lun {
	*zoom: 1;
	width: 1280px;
	margin: 0 auto;
	margin-bottom: 50px;
}

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

@media only screen and (max-width: 1280px) {
	.con_lun {
		width: 100%;
	}
}

/*----------------------------------------------------
	#rnav お料理ナビ
----------------------------------------------------*/
nav {
	margin-bottom: 0;
}

@media only screen and (max-width: 736px) {
	nav {
		padding: 0 10px;
	}
}

nav #rnav {
	width: 100%;
}

@media only screen and (max-width: 736px) {
	nav #rnav {
		display: none;
		overflow: hidden;
	}
}

@media only screen and (max-width: 1280px) {
	nav #rnav ul {
		display: table;
		width: 100%;
		margin-bottom: 40px;
	}
}

@media only screen and (max-width: 1024px) {
	nav #rnav ul {
		margin-bottom: 0px;
	}
}

nav #rnav ul li {
	float: left;
	overflow: hidden;
	min-height: 65px;
	cursor: pointer;
}

@media only screen and (max-width: 1280px) {
	nav #rnav ul li {
		text-align: center;
		background: url(../images/common/bg_navi.jpg) left bottom repeat-x;
		border-right: 1px solid #ece2b7;
		display: table-cell;
		width: 50%;
	}

	nav #rnav ul li:hover {
		background: url(../rooms/cottage/images/bg_navi_active.jpg) left bottom repeat-x;
	}

	nav #rnav ul li:hover a {
		color: #fff;
	}

	nav #rnav ul li:hover i {
		color: #fff;
	}
}

@media only screen and (max-width: 1280px) and (max-width: 1280px) {
	nav #rnav ul li:first-child a {
		background: none;
	}
}

@media only screen and (max-width: 1280px) and (max-width: 736px) {
	nav #rnav ul li:first-child {
		width: 100%;
		float: none;
	}
}

@media only screen and (max-width: 736px) {
	nav #rnav ul li {
		display: block;
		width: 100%;
		float: none;
	}
}

nav #rnav ul li a {
	height: 0;
	display: block;
	overflow: hidden;
}

nav #rnav ul li a:hover {
	background-position: bottom left;
}

@media only screen and (max-width: 1280px) {
	nav #rnav ul li a {
		height: auto;
		width: auto;
		display: block;
		padding: 10% 8% 8%;
		text-decoration: none;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
		color: #674324;
	}

	nav #rnav ul li a span i {
		margin-right: 5px;
		font-size: .5rem;
		color: #876627;
	}

	nav #rnav ul li a .txt_small {
		font-size: .8em;
	}
}

@media only screen and (max-width: 1280px) and (max-width: 736px) {
	nav #rnav ul li a {
		font-size: .85rem;
		text-align: left;
		padding: 6% 6% 8%;
	}
}

#rnav ul li.rnav_din a {
	padding-top: 65px;
	background-image: url(http://hotel-rosablanca.com/restaurant/images/rnav_din.png);
	width: 640px;
	background-position: top left;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 1280px) {
	#rnav ul li.rnav_din a {
		padding: 20px;
	}
}

#rnav ul li.rnav_din a:hover {
	background-position: bottom left;
}

@media only screen and (max-width: 1280px) {
	#rnav ul li.rnav_din a {
		background: none;
		width: auto;
	}
}

@media only screen and (max-width: 1280px) {
	.con_din #rnav ul li.rnav_din {
		background: url(../rooms/cottage/images/bg_navi_active.jpg) left bottom repeat-x;
	}
}

.con_din #rnav ul li.rnav_din a {
	background-position: bottom left;
	color: #fff;
}

.con_din #rnav ul li.rnav_din a i {
	color: #fff;
}

#rnav ul li.rnav_lun a {
	padding-top: 65px;
	background-image: url(http://hotel-rosablanca.com/restaurant/images/rnav_lun.png);
	width: 640px;
	background-position: top left;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 1280px) {
	#rnav ul li.rnav_lun a {
		padding: 20px;
	}
}

#rnav ul li.rnav_lun a:hover {
	background-position: bottom left;
}

@media only screen and (max-width: 1280px) {
	#rnav ul li.rnav_lun a {
		background: none;
		width: auto;
	}
}

@media only screen and (max-width: 1280px) {
	.con_lun #rnav ul li.rnav_lun {
		background: url(../rooms/cottage/images/bg_navi_active.jpg) left bottom repeat-x;
	}
}

.con_lun #rnav ul li.rnav_lun a {
	background-position: bottom left;
	color: #fff;
}

.con_lun #rnav ul li.rnav_lun a i {
	color: #fff;
}

#rnav ul li.rnav_bre a {
	padding-top: 65px;
	background-image: url(http://hotel-rosablanca.com/restaurant/images/rnav_bre.png);
	width: 320px;
	background-position: top left;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 1280px) {
	#rnav ul li.rnav_bre a {
		padding: 20px;
	}
}

#rnav ul li.rnav_bre a:hover {
	background-position: bottom left;
}

@media only screen and (max-width: 1280px) {
	#rnav ul li.rnav_bre a {
		background: none;
		width: auto;
	}
}

@media only screen and (max-width: 1280px) {
	.con_bre #rnav ul li.rnav_bre {
		background: url(../rooms/cottage/images/bg_navi_active.jpg) left bottom repeat-x;
	}
}

.con_bre #rnav ul li.rnav_bre a {
	background-position: bottom left;
	color: #fff;
}

.con_bre #rnav ul li.rnav_bre a i {
	color: #fff;
}

#rnav ul li.rnav_pla a {
	padding-top: 65px;
	background-image: url(http://hotel-rosablanca.com/restaurant/images/rnav_pla.png);
	width: 320px;
	background-position: top left;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 1280px) {
	#rnav ul li.rnav_pla a {
		padding: 20px;
	}
}

#rnav ul li.rnav_pla a:hover {
	background-position: bottom left;
}

@media only screen and (max-width: 1280px) {
	#rnav ul li.rnav_pla a {
		background: none;
		width: auto;
	}
}

@media only screen and (max-width: 1280px) {
	.con_pla #rnav ul li.rnav_pla {
		background: url(../rooms/cottage/images/bg_navi_active.jpg) left bottom repeat-x;
	}
}

.con_pla #rnav ul li.rnav_pla a {
	background-position: bottom left;
	color: #fff;
}

.con_pla #rnav ul li.rnav_pla a i {
	color: #fff;
}

#rnav ul li.rnav_par a {
	padding-top: 65px;
	background-image: url(http://hotel-rosablanca.com/restaurant/images/rnav_par.png);
	width: 257px;
	background-position: top left;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 1280px) {
	#rnav ul li.rnav_par a {
		padding: 20px;
	}
}

#rnav ul li.rnav_par a:hover {
	background-position: bottom left;
}

@media only screen and (max-width: 1280px) {
	#rnav ul li.rnav_par a {
		background: none;
		width: auto;
	}
}

@media only screen and (max-width: 1280px) {
	.con_par #rnav ul li.rnav_par {
		background: url(../rooms/cottage/images/bg_navi_active.jpg) left bottom repeat-x;
	}
}

.con_par #rnav ul li.rnav_par a {
	background-position: bottom left;
	color: #fff;
}

.con_par #rnav ul li.rnav_par a i {
	color: #fff;
}

/*----------------------------------------------------
	#dinnernav 夕食・朝食ページ内メニュー
----------------------------------------------------*/
.dinbre_nav {
	margin-bottom: 0;
}

@media only screen and (max-width: 736px) {
	.dinbre_nav {
		padding: 0 10px;
	}
}

.dinbre_nav #dinnernav {
	*zoom: 1;
	width: 1280px;
	margin: 0 auto;
	margin: 60px auto 30px;
}

.dinbre_nav #dinnernav:after {
	content: "";
	display: table;
	clear: both;
}

@media only screen and (max-width: 1280px) {
	.dinbre_nav #dinnernav {
		width: 100%;
	}
}

@media only screen and (max-width: 736px) {
	.dinbre_nav #dinnernav {
		display: none;
		overflow: hidden;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 1280px) {
	.dinbre_nav #dinnernav ul {
		display: table;
		width: 100%;
		margin-bottom: 40px;
	}
}

@media only screen and (max-width: 1024px) {
	.dinbre_nav #dinnernav ul {
		margin-bottom: 0px;
	}
}

.dinbre_nav #dinnernav ul li {
	float: left;
	overflow: hidden;
	min-height: 65px;
	cursor: pointer;
}

@media only screen and (max-width: 1280px) {
	.dinbre_nav #dinnernav ul li {
		text-align: center;
		background: url(../images/common/bg_navi.jpg) left bottom repeat-x;
		border-right: 1px solid #ece2b7;
		display: table-cell;
		width: 25%;
	}

	.dinbre_nav #dinnernav ul li:hover {
		background: url(../rooms/cottage/images/bg_navi_active.jpg) left bottom repeat-x;
	}

	.dinbre_nav #dinnernav ul li:hover a {
		color: #fff;
	}

	.dinbre_nav #dinnernav ul li:hover i {
		color: #fff;
	}
}

@media only screen and (max-width: 1280px) and (max-width: 1280px) {
	.dinbre_nav #dinnernav ul li:first-child a {
		background: none;
	}
}

@media only screen and (max-width: 1280px) and (max-width: 736px) {
	.dinbre_nav #dinnernav ul li:first-child {
		width: 100%;
		float: none;
	}
}

@media only screen and (max-width: 1024px) {
	.dinbre_nav #dinnernav ul li {
		width: 33.3%;
	}
}

@media only screen and (max-width: 736px) {
	.dinbre_nav #dinnernav ul li {
		display: block;
		width: 100%;
		float: none;
	}
}

.dinbre_nav #dinnernav ul li a {
	height: 0;
	display: block;
	overflow: hidden;
}

.dinbre_nav #dinnernav ul li a:hover {
	background-position: bottom left;
}

@media only screen and (max-width: 1280px) {
	.dinbre_nav #dinnernav ul li a {
		height: auto;
		width: auto;
		display: block;
		padding: 10% 8% 8%;
		text-decoration: none;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
		color: #674324;
	}

	.dinbre_nav #dinnernav ul li a span i {
		margin-right: 5px;
		font-size: .7rem;
		color: #876627;
	}

	.dinbre_nav #dinnernav ul li a .txt_small {
		font-size: .8em;
	}
}

@media only screen and (max-width: 1280px) and (max-width: 736px) {
	.dinbre_nav #dinnernav ul li a {
		font-size: .85rem;
		text-align: left;
		padding: 6% 6% 8%;
	}
}

#dinnernav ul li.rnav_all a {
	padding-top: 65px;
	background-image: url(http://hotel-rosablanca.com/restaurant/images/rnav_all.png);
	width: 320px;
	background-position: top left;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 1280px) {
	#dinnernav ul li.rnav_all a {
		padding: 20px;
	}
}

#dinnernav ul li.rnav_all a:hover {
	background-position: bottom left;
}

@media only screen and (max-width: 1280px) {
	#dinnernav ul li.rnav_all a {
		background: none;
		width: auto;
	}
}

@media only screen and (max-width: 1280px) {
	.con_all #dinnernav ul li.rnav_all {
		background: url(../rooms/cottage/images/bg_navi_active.jpg) left bottom repeat-x;
	}
}

.con_all #dinnernav ul li.rnav_all a {
	background-position: bottom left;
	color: #fff;
}

.con_all #dinnernav ul li.rnav_all a i {
	color: #fff;
}

#dinnernav ul li.rnav_bbq a {
	padding-top: 65px;
	background-image: url(http://hotel-rosablanca.com/restaurant/images/rnav_bbq.png);
	width: 320px;
	background-position: top left;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 1280px) {
	#dinnernav ul li.rnav_bbq a {
		padding: 20px;
	}
}

#dinnernav ul li.rnav_bbq a:hover {
	background-position: bottom left;
}

@media only screen and (max-width: 1280px) {
	#dinnernav ul li.rnav_bbq a {
		background: none;
		width: auto;
	}
}

@media only screen and (max-width: 1280px) {
	.con_bbq #dinnernav ul li.rnav_bbq {
		background: url(../rooms/cottage/images/bg_navi_active.jpg) left bottom repeat-x;
	}
}

.con_bbq #dinnernav ul li.rnav_bbq a {
	background-position: bottom left;
	color: #fff;
}

.con_bbq #dinnernav ul li.rnav_bbq a i {
	color: #fff;
}

#dinnernav ul li.rnav_bre a {
	padding-top: 65px;
	background-image: url(http://hotel-rosablanca.com/restaurant/images/rnav_bre.png);
	width: 320px;
	background-position: top left;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 1280px) {
	#dinnernav ul li.rnav_bre a {
		padding: 20px;
	}
}

#dinnernav ul li.rnav_bre a:hover {
	background-position: bottom left;
}

@media only screen and (max-width: 1280px) {
	#dinnernav ul li.rnav_bre a {
		background: none;
		width: auto;
	}
}

@media only screen and (max-width: 1280px) {
	.con_bre #dinnernav ul li.rnav_bre {
		background: url(../rooms/cottage/images/bg_navi_active.jpg) left bottom repeat-x;
	}
}

.con_bre #dinnernav ul li.rnav_bre a {
	background-position: bottom left;
	color: #fff;
}

.con_bre #dinnernav ul li.rnav_bre a i {
	color: #fff;
}

#dinnernav ul li.rnav_din_d a {
	padding-top: 65px;
	background-image: url(../restaurant/images/rnav_din_d.png);
	width: 320px;
	background-position: top left;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 1280px) {
	#dinnernav ul li.rnav_din_d a {
		padding: 20px;
	}
}

#dinnernav ul li.rnav_din_d a:hover {
	background-position: bottom left;
}

@media only screen and (max-width: 1280px) {
	#dinnernav ul li.rnav_din_d a {
		background: none;
		width: auto;
	}
}

@media only screen and (max-width: 1280px) {
	.con_din_d #dinnernav ul li.rnav_din_d {
		background: url(../rooms/cottage/images/bg_navi_active.jpg) left bottom repeat-x;
	}
}

.con_din_d #dinnernav ul li.rnav_din_d a {
	background-position: bottom left;
	color: #fff;
}

.con_din_d #dinnernav ul li.rnav_din_d a i {
	color: #fff;
}

#dinnernav ul li.rnav_dis a {
	padding-top: 65px;
	background-image: url(http://hotel-rosablanca.com/restaurant/images/rnav_dis.png);
	width: 320px;
	background-position: top left;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 1280px) {
	#dinnernav ul li.rnav_dis a {
		padding: 20px;
	}
}

#dinnernav ul li.rnav_dis a:hover {
	background-position: bottom left;
}

@media only screen and (max-width: 1280px) {
	#dinnernav ul li.rnav_dis a {
		background: none;
		width: auto;
	}
}

@media only screen and (max-width: 1280px) {
	.con_dis #dinnernav ul li.rnav_dis {
		background: url(../rooms/cottage/images/bg_navi_active.jpg) left bottom repeat-x;
	}
}

.con_dis #dinnernav ul li.rnav_dis a {
	background-position: bottom left;
	color: #fff;
}

.con_dis #dinnernav ul li.rnav_dis a i {
	color: #fff;
}

#dinnernav ul li.rnav_mon a {
	padding-top: 65px;
	background-image: url(http://hotel-rosablanca.com/restaurant/images/rnav_mon.png);
	width: 320px;
	background-position: top left;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 1280px) {
	#dinnernav ul li.rnav_mon a {
		padding: 20px;
	}
}

#dinnernav ul li.rnav_mon a:hover {
	background-position: bottom left;
}

@media only screen and (max-width: 1280px) {
	#dinnernav ul li.rnav_mon a {
		background: none;
		width: auto;
	}
}

@media only screen and (max-width: 1280px) {
	.con_mon #dinnernav ul li.rnav_mon {
		background: url(../rooms/cottage/images/bg_navi_active.jpg) left bottom repeat-x;
	}
}

.con_mon #dinnernav ul li.rnav_mon a {
	background-position: bottom left;
	color: #fff;
}

.con_mon #dinnernav ul li.rnav_mon a i {
	color: #fff;
}

#dinnernav ul li.rnav_oth a {
	padding-top: 65px;
	background-image: url(http://hotel-rosablanca.com/restaurant/images/rnav_oth.png);
	width: 320px;
	background-position: top left;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 1280px) {
	#dinnernav ul li.rnav_oth a {
		padding: 20px;
	}
}

#dinnernav ul li.rnav_oth a:hover {
	background-position: bottom left;
}

@media only screen and (max-width: 1280px) {
	#dinnernav ul li.rnav_oth a {
		background: none;
		width: auto;
	}
}

@media only screen and (max-width: 1280px) {
	.con_oth #dinnernav ul li.rnav_oth {
		background: url(../rooms/cottage/images/bg_navi_active.jpg) left bottom repeat-x;
	}
}

.con_oth #dinnernav ul li.rnav_oth a {
	background-position: bottom left;
	color: #fff;
}

.con_oth #dinnernav ul li.rnav_oth a i {
	color: #fff;
}

#dinnernav ul li.rnav_sak a {
	padding-top: 65px;
	background-image: url(http://hotel-rosablanca.com/restaurant/images/rnav_sak.png);
	width: 320px;
	background-position: top left;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 1280px) {
	#dinnernav ul li.rnav_sak a {
		padding: 20px;
	}
}

#dinnernav ul li.rnav_sak a:hover {
	background-position: bottom left;
}

@media only screen and (max-width: 1280px) {
	#dinnernav ul li.rnav_sak a {
		background: none;
		width: auto;
	}
}

@media only screen and (max-width: 1280px) {
	.con_sak #dinnernav ul li.rnav_sak {
		background: url(../rooms/cottage/images/bg_navi_active.jpg) left bottom repeat-x;
	}
}

.con_sak #dinnernav ul li.rnav_sak a {
	background-position: bottom left;
	color: #fff;
}

.con_sak #dinnernav ul li.rnav_sak a i {
	color: #fff;
}

#dinnernav ul li.rnav_ter a {
	padding-top: 65px;
	background-image: url(http://hotel-rosablanca.com/restaurant/images/rnav_ter.png);
	width: 256px;
	background-position: top left;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 1280px) {
	#dinnernav ul li.rnav_ter a {
		padding: 20px;
	}
}

#dinnernav ul li.rnav_ter a:hover {
	background-position: bottom left;
}

@media only screen and (max-width: 1280px) {
	#dinnernav ul li.rnav_ter a {
		background: none;
		width: auto;
	}
}

@media only screen and (max-width: 1280px) {
	.con_ter #dinnernav ul li.rnav_ter {
		background: url(../rooms/cottage/images/bg_navi_active.jpg) left bottom repeat-x;
	}
}

.con_ter #dinnernav ul li.rnav_ter a {
	background-position: bottom left;
	color: #fff;
}

.con_ter #dinnernav ul li.rnav_ter a i {
	color: #fff;
}

/*----------------------------------------------------
	.お料理
----------------------------------------------------*/
.wrp_pgtit .con_pgtitle {
	background: url(../restaurant/images/bg_title.jpg) center 0 no-repeat;
}

.wrp_pgtit .con_pgtitle h2.title {
	background: url(http://hotel-rosablanca.com/restaurant/images/st_title.png) 10px center no-repeat;
}

/*----------------------------------------------------
	.con_intro	イントロ
----------------------------------------------------*/
.con_intro {
	background: url(http://hotel-rosablanca.com/restaurant/images/bg_bamboo.png) center -60px no-repeat;
	padding-top: 40px;
}

@media only screen and (max-width: 1024px) {
	.con_intro {
		padding-top: 0;
	}
}

.con_intro .wrp {
	*zoom: 1;
	width: 1280px;
	margin: 0 auto;
}

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

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

.con_intro .wrp h3 {
	background: url(http://hotel-rosablanca.com/restaurant/images/st_intro.png) center 0 no-repeat;
	padding-top: 123px;
	height: 0;
	overflow: hidden;
	margin-bottom: 20px;
}

@media only screen and (max-width: 736px) {
	.con_intro .wrp h3 {
		background: none;
		height: auto;
		padding-top: 20px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
		text-align: center;
		font-size: 1.4em;
	}

	.con_intro .wrp h3 span {
		display: block;
		font-family: "Great Vibes", cursive;
		color: #dfc47a;
	}
}

.con_intro .wrp .txt {
	width: 90%;
	margin: 0 auto 30px;
	text-align: center;
}

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

	.con_intro .wrp .txt br {
		display: none;
	}
}

.con_intro .con_gallery {
	width: 100%;
	margin-bottom: 60px;
	overflow: hidden;
}

.con_intro .con_gallery li {
	float: left;
	width: 250px !important;
}

/*----------------------------------------------------
	.con_commit　	料理のこだわり
----------------------------------------------------*/
.con_commit {
	*zoom: 1;
	width: 1280px;
	margin: 0 auto;
	margin: 0 auto 50px;
}

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

@media only screen and (max-width: 1280px) {
	.con_commit {
		width: 100%;
	}
}

@media only screen and (max-width: 1024px) {
	.con_commit {
		background-image: none;
	}
}

@media only screen and (max-width: 736px) {
	.con_commit {
		margin-top: 0px;
	}
}

.con_commit .wrp {
	padding-top: 50px;
}

@media only screen and (max-width: 1024px) {
	.con_commit .wrp {
		position: relative;
		margin-top: 70px;
	}
}

@media only screen and (max-width: 736px) {
	.con_commit .wrp {
		padding-top: 0;
		margin-top: 20px;
	}
}

.con_commit .wrp .box {
	width: 21%;
	float: left;
	border-left: 1px solid #f4efd8;
}

@media only screen and (max-width: 1024px) {
	.con_commit .wrp .box {
		width: 25%;
	}
}

@media only screen and (max-width: 736px) {
	.con_commit .wrp .box {
		width: 97%;
		float: none;
		margin: 0 1.5%;
		padding-top: 0;
		border-left: none;
		border-bottom: 1px solid #f4efd8;
	}
}

.con_commit .wrp .box .photo {
	margin-bottom: 20px;
	text-align: center;
}

.con_commit .wrp .box .box_txt {
	padding: 0 20px 20px;
}

.con_commit .wrp .box .box_txt h4 {
	text-align: center;
	margin-bottom: 10px;
	font-weight: normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
	font-size: 1.5em;
}

@media only screen and (max-width: 1024px) {
	.con_commit .wrp .box .box_txt h4 {
		font-size: 1.2em;
		font-weight: bold;
	}
}

.con_commit .wrp .box .box_txt h4 span {
	color: #64ad5d;
}

.con_commit .wrp .box .box_txt .txt span {
	font-size: .8em;
}

@media only screen and (max-width: 736px) {
	.con_commit .wrp .box:first-child {
		padding-top: 20%;
	}
}

.con_commit .wrp .box.box_title {
	width: 16%;
}

@media only screen and (max-width: 1024px) {
	.con_commit .wrp .box.box_title {
		width: 97%;
		position: absolute;
		top: -30px;
		left: 0;
	}
}

@media only screen and (max-width: 736px) {
	.con_commit .wrp .box.box_title {
		padding-top: 10px;
		top: 0;
		border-bottom: none;
	}
}

.con_commit .wrp .box.box_title .title {
	background: url(http://hotel-rosablanca.com/restaurant/images/st_megumi.png) center 0 no-repeat;
	height: 0;
	padding-top: 373px;
	overflow: hidden;
}

@media only screen and (max-width: 736px) {
	.con_commit .wrp .box.box_title .title {
		font-size: 1.4em;
	}
}

@media only screen and (max-width: 1024px) {
	.con_commit .wrp .box.box_title .title {
		background: none;
		height: auto;
		padding-top: 0;
		width: 60%;
		text-align: center;
		font-size: 1.7em;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
		margin: 0 auto;
		color: #552d0f;
	}

	.con_commit .wrp .box.box_title .title span {
		background-color: #BF983F;
		color: #fff;
		display: block;
		font-size: .6em;
	}
}

@media only screen and (max-width: 736px) {
	.con_commit .wrp .box.box_title .title {
		width: 95%;
		font-size: 1.35em;
		font-weight: bold;
	}

	.con_commit .wrp .box.box_title .title span {
		background: none;
		color: #312413;
	}
}

.con_commit .wrp .txt_att {
	clear: both;
	overflow: hidden;
	font-size: .85em;
	text-align: center;
	padding-top: 15px;
}

@media only screen and (max-width: 736px) {
	.con_commit .wrp .txt_att {
		width: 92%;
		margin: 0 auto;
		text-align: left;
	}
}

/*----------------------------------------------------
	.con_select	和洋選べるお料理
----------------------------------------------------*/
.con_select {
	background: url(../images/common/line_gold.png) 0 0 repeat-x;
	margin-bottom: 80px;
}

.con_select .wrp {
	*zoom: 1;
	width: 1280px;
	margin: 0 auto;
	padding-top: 30px;
}

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

@media only screen and (max-width: 1280px) {
	.con_select .wrp {
		width: 100%;
	}
}

.con_select .wrp h3 {
	text-align: center;
	margin-bottom: 20px;
	background: url(http://hotel-rosablanca.com/restaurant/images/st_selcet.png) center 0 no-repeat;
	padding-top: 113px;
	height: 0;
	overflow: hidden;
}

.con_select .wrp h3 br {
	display: none;
}

@media only screen and (max-width: 736px) {
	.con_select .wrp h3 {
		background: none;
		height: auto;
		padding-top: 0;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
		font-size: 1.2em;
	}

	.con_select .wrp h3 br {
		display: block;
	}

	.con_select .wrp h3 .wa {
		color: #8e619d;
		font-size: 1.4em;
	}

	.con_select .wrp h3 .you {
		color: #659d70;
		font-size: 1.4em;
	}
}

.con_select .wrp .txt_intro {
	text-align: center;
	margin-bottom: 20px;
}

.con_select .wrp .txt_intro span {
	display: block;
	padding-top: 10px;
	font-size: .9em;
}

@media only screen and (max-width: 1024px) {
	.con_select .wrp .txt_intro {
		width: 90%;
		margin: 0 auto 20px;
		text-align: left;
	}
}

.con_select .wrp .tbl_basic {
	width: 40%;
	margin: 0 auto 10px;
	text-align: center;
}

@media only screen and (max-width: 1024px) {
	.con_select .wrp .tbl_basic {
		width: 90%;
	}
}

.con_select .wrp .wrp_in .box {
	float: left;
	width: 50%;
	padding-left: 2%;
}

@media only screen and (max-width: 1024px) {
	.con_select .wrp .wrp_in .box {
		width: 47%;
		margin: 0 1.5%;
		padding-left: 0;
	}
}

@media only screen and (max-width: 480px) {
	.con_select .wrp .wrp_in .box {
		float: none;
		width: 92%;
		margin: 0 auto 30px;
		overflow: hidden;
		*zoom: 1;
	}
}

.con_select .wrp .wrp_in .box .box_txt h4 {
	margin-bottom: 20px;
	background: url(http://hotel-rosablanca.com/restaurant/images/st_western.png) center 0 no-repeat;
	height: 0;
	overflow: hidden;
	padding-top: 28px;
}

@media only screen and (max-width: 1024px) {
	.con_select .wrp .wrp_in .box .box_txt h4 {
		text-align: center;
		background: none;
		height: auto;
		padding-top: 0;
		text-align: center;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
		margin-bottom: 10px;
	}

	.con_select .wrp .wrp_in .box .box_txt h4 span {
		display: block;
		color: #478c55;
		font-size: 1.6em;
	}
}

@media only screen and (max-width: 736px) {
	.con_select .wrp .wrp_in .box .box_txt h4 span {
		font-size: 1.4em;
	}
}

.con_select .wrp .wrp_in .box .box_txt .txt {
	margin-bottom: 30px;
}

.con_select .wrp .wrp_in .box .box_txt .photo_sub {
	text-align: center;
}

.con_select .wrp .wrp_in .box .photo {
	text-align: center;
	margin-bottom: 20px;
}

.con_select .wrp .wrp_in .box:first-child {
	padding-left: 0;
	padding-right: 2%;
}

.con_select .wrp .wrp_in .box:first-child .box_txt h4 {
	background: url(http://hotel-rosablanca.com/restaurant/images/st_japanese.png) center 0 no-repeat;
	padding-top: 31px;
}

@media only screen and (max-width: 1024px) {
	.con_select .wrp .wrp_in .box:first-child .box_txt h4 {
		background: none;
		padding-top: 0;
		text-align: center;
	}

	.con_select .wrp .wrp_in .box:first-child .box_txt h4 span {
		color: #7a5984;
	}
}

.con_select .wrp .txt_att {
	padding-top: 15px;
	text-align: right;
	font-size: .9em;
}

@media only screen and (max-width: 736px) {
	.con_select .wrp .txt_att {
		width: 90%;
		margin: 0 auto;
		text-align: left;
	}
}

/*----------------------------------------------------
	.box_terrace お食事は竹庭を眺めながら
----------------------------------------------------*/
.box_terrace {
	*zoom: 1;
	width: 1280px;
	margin: 0 auto;
	background: url(http://hotel-rosablanca.com/restaurant/images/bg_bamboo.jpg) center 0 no-repeat;
	margin-bottom: 80px;
	border: 3px solid #A1D7A5;
}

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

@media only screen and (max-width: 1280px) {
	.box_terrace {
		width: 100%;
	}
}

@media only screen and (max-width: 1024px) {
	.box_terrace {
		width: 90%;
		margin: 0 auto 80px;
		border: 2px solid #A1D7A5;
	}
}

@media only screen and (max-width: 736px) {
	.box_terrace {
		margin-bottom: 15%;
	}
}

.box_terrace .wrp .box_txt {
	float: left;
	width: 47%;
	padding-top: 30px;
}

@media only screen and (max-width: 1024px) {
	.box_terrace .wrp .box_txt {
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}
}

.box_terrace .wrp .box_txt .st_smp2 {
	background-image: url(http://hotel-rosablanca.com/restaurant/images/st_bamboo.png);
	padding-top: 49px;
	height: 0;
	background-repeat: no-repeat;
	background-position: center 0;
	overflow: hidden;
	margin-bottom: 20px;
}

@media only screen and (max-width: 736px) {
	.box_terrace .wrp .box_txt .st_smp2 {
		background: none;
		height: auto;
		padding-top: 0;
		text-align: center;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
		font-size: 1.2em;
	}

	.box_terrace .wrp .box_txt .st_smp2 span {
		color: #64ad5d;
		display: block;
		font-weight: normal;
		font-family: "Great Vibes", cursive;
		font-size: .8em;
	}
}

@media only screen and (max-width: 1024px) {
	.box_terrace .wrp .box_txt .btn_be_s {
		width: 30%;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 736px) {
	.box_terrace .wrp .box_txt .btn_be_s {
		width: 80%;
	}
}

.box_terrace .wrp .box_txt .btn_be_s a {
	width: 173px;
	background-image: url(http://hotel-rosablanca.com/restaurant/images/btn_place.png);
	margin: 0 auto;
}

.box_terrace .wrp .box_txt .btn_be_s a div {
	padding-top: 32px;
}

.box_terrace .wrp ul {
	float: right;
	width: 50%;
}

@media only screen and (max-width: 1024px) {
	.box_terrace .wrp ul {
		float: none;
		width: 100%;
		clear: both;
		overflow: hidden;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 736px) {
	.box_terrace .wrp ul {
		margin-bottom: 0;
	}
}

.box_terrace .wrp ul li {
	width: 50%;
	float: right;
	max-width: 302px;
}

@media only screen and (max-width: 1024px) {
	.box_terrace .wrp ul li {
		text-align: center;
		max-width: 100%;
	}
}

/*----------------------------------------------------
	.con_bbq 夏はバーベキューディナーを楽しむ
----------------------------------------------------*/
.con_bbq {
	background: url(../images/common/bg_green.png) 0 0 repeat;
	background-size: 200% auto;
	margin-bottom: 80px;
}

.con_bbq .box_bbq {
	*zoom: 1;
	width: 1280px;
	margin: 0 auto;
}

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

@media only screen and (max-width: 1280px) {
	.con_bbq .box_bbq {
		width: 100%;
	}
}

@media only screen and (max-width: 768px) {
	.con_bbq .box_bbq {
		width: 90%;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 736px) {
	.con_bbq .box_bbq {
		width: 98%;
	}
}

.con_bbq .box_bbq .box_txt {
	float: left;
	width: 50%;
	padding: 20px;
	margin-top: 20px;
}

@media only screen and (max-width: 1280px) {
	.con_bbq .box_bbq .box_txt {
		margin-top: 0;
		width: 60%;
	}
}

@media only screen and (max-width: 768px) {
	.con_bbq .box_bbq .box_txt {
		float: none;
		width: 100%;
	}
}

.con_bbq .box_bbq .box_txt h4 {
	text-align: center;
	margin-bottom: 20px;
	background: url(http://hotel-rosablanca.com/restaurant/images/st_bbq.png) center 0 no-repeat;
	padding-top: 63px;
	height: 0;
	overflow: hidden;
}

@media only screen and (max-width: 1024px) {
	.con_bbq .box_bbq .box_txt h4 {
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 480px) {
	.con_bbq .box_bbq .box_txt h4 {
		background-image: none;
		background-color: #198C36;
		height: auto;
		padding: 8px 5px 5px;
		text-align: center;
		color: #fff;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
		font-size: 1.02em;
	}
}

.con_bbq .box_bbq .box_txt .txt {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
	.con_bbq .box_bbq .box_txt .txt {
		width: 100%;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 1024px) {
	.con_bbq .box_bbq .box_txt .btn_be_s {
		width: 60%;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 736px) {
	.con_bbq .box_bbq .box_txt .btn_be_s {
		width: 100%;
	}
}

.con_bbq .box_bbq .box_txt .btn_be_s a {
	width: 231px;
	background-image: url(http://hotel-rosablanca.com/restaurant/images/btn_bbq.png);
	margin: 0 auto;
}

.con_bbq .box_bbq .box_txt .btn_be_s a div {
	padding-top: 32px;
}

.con_bbq .box_bbq ul {
	float: right;
	width: 50%;
	padding: 20px;
}

@media only screen and (max-width: 1280px) {
	.con_bbq .box_bbq ul {
		width: 40%;
		padding-top: 60px;
	}
}

@media only screen and (max-width: 768px) {
	.con_bbq .box_bbq ul {
		padding-top: 0;
		float: none;
		width: 100%;
		overflow: hidden;
		*zoom: 1;
	}
}

.con_bbq .box_bbq ul li {
	text-align: right;
}

@media only screen and (max-width: 1024px) {
	.con_bbq .box_bbq ul li {
		text-align: center;
	}
}

/*----------------------------------------------------
	.con_dinner	夕食のご案内
----------------------------------------------------*/
.con_dinner {
	*zoom: 1;
	width: 1280px;
	margin: 0 auto;
	padding-top: 6px;
	background: #fcf9eb url(http://hotel-rosablanca.com/restaurant/images/bg_dinner.png) 0 0 no-repeat;
	margin-bottom: 50px;
}

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

@media only screen and (max-width: 1280px) {
	.con_dinner {
		width: 100%;
	}
}

.con_dinner .wrp_outline {
	padding: 2%;
}

.con_dinner .wrp_outline .st_din {
	display: block;
	height: 0;
	overflow: hidden;
	background: url("../restaurant/images/st_dinner.png") center center no-repeat;
	padding-top: 101px;
	margin-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
	.con_dinner .wrp_outline .st_din {
		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_dinner .wrp_outline .st_din span {
		font-size: .8em;
		display: block;
		font-family: "Times New Roman";
		color: #dfc47a;
	}
}

.con_dinner .wrp_outline .txt_intro {
	text-align: center;
	margin: 0 auto 30px;
}

.con_dinner .wrp_outline .txt_intro span {
	display: block;
	font-size: .85em;
	padding-top: 10px;
}

@media only screen and (max-width: 736px) {
	.con_dinner .wrp_outline .txt_intro {
		text-align: left;
	}

	.con_dinner .wrp_outline .txt_intro br {
		display: none;
	}
}

.con_dinner .wrp_outline .wrp {
	width: 98%;
	margin: 0 auto;
}

@media only screen and (max-width: 1280px) {
	.con_dinner .wrp_outline .wrp {
		width: 90%;
	}
}

@media only screen and (max-width: 1024px) {
	.con_dinner .wrp_outline .wrp {
		width: 100%;
		padding: 0 10px;
	}
}

@media only screen and (max-width: 736px) {
	.con_dinner .wrp_outline .wrp {
		padding: 0;
	}
}

.con_dinner .wrp_outline .wrp .box_course {
	width: 98%;
	margin: 0 auto 80px;
}

@media only screen and (max-width: 480px) {
	.con_dinner .wrp_outline .wrp .box_course {
		background: url(../images/common/line_slash.png) 0 bottom repeat-x;
		margin: 0 auto 10px;
		padding-bottom: 30px;
	}
}

.con_dinner .wrp_outline .wrp .box_course .box_detail {
	margin-bottom: 20px;
}

.con_dinner .wrp_outline .wrp .box_course .box_detail .box_photo {
	float: left;
	width: 40%;
}

@media only screen and (max-width: 1024px) {
	.con_dinner .wrp_outline .wrp .box_course .box_detail .box_photo {
		float: none;
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}
}

.con_dinner .wrp_outline .wrp .box_course .box_detail .box_photo .photo {
	text-align: center;
	padding: 10px 0 0 10px;
	background: url(http://hotel-rosablanca.com/restaurant/images/bg_photo.png) 0 0 no-repeat;
	margin-bottom: 30px;
}

@media only screen and (max-width: 1024px) {
	.con_dinner .wrp_outline .wrp .box_course .box_detail .box_photo .photo {
		background: none;
		width: 90%;
		margin: 0 auto 30px;
		text-align: center;
		padding: 0;
	}

	.con_dinner .wrp_outline .wrp .box_course .box_detail .box_photo .photo img {
		padding: 10px 0 0 10px;
		background: url(http://hotel-rosablanca.com/restaurant/images/bg_photo.png) 0 0 no-repeat;
	}
}

@media only screen and (max-width: 480px) {
	.con_dinner .wrp_outline .wrp .box_course .box_detail .box_photo .photo {
		width: 90%;
		float: none;
		margin: 0 auto 30px;
	}
}

.con_dinner .wrp_outline .wrp .box_course .box_detail .box_txt {
	float: right;
	width: 57%;
}

@media only screen and (max-width: 1024px) {
	.con_dinner .wrp_outline .wrp .box_course .box_detail .box_txt {
		float: none;
		width: 100%;
	}
}

.con_dinner .wrp_outline .wrp .box_course .box_detail .box_txt .box_title {
	margin-bottom: 20px;
}

.con_dinner .wrp_outline .wrp .box_course .box_detail .box_txt .box_title h5 {
	border-bottom: 3px double #ebe1b3;
	padding-bottom: 5px;
}

.con_dinner .wrp_outline .wrp .box_course .box_detail .box_txt .box_title .price {
	text-align: right;
	padding-top: 5px;
}

@media only screen and (max-width: 1024px) {
	.con_dinner .wrp_outline .wrp .box_course .box_detail .box_txt .box_title .price {
		float: none;
		width: 100%;
	}
}

.con_dinner .wrp_outline .wrp .box_course .box_detail .box_txt .box_title .price span {
	font-weight: bold;
	color: #b53228;
	font-size: 1.6em;
}

.con_dinner .wrp_outline .wrp .box_course .box_detail .box_txt .box_txt_in {
	background: white url(../images/common/line_slash.png) 0 0 repeat-x;
	padding: 20px;
}

@media only screen and (max-width: 736px) {
	.con_dinner .wrp_outline .wrp .box_course .box_detail .box_txt .box_txt_in {
		background-image: none;
		padding: 10px;
	}
}

.con_dinner .wrp_outline .wrp .box_course .box_detail .box_txt .box_txt_in table {
	width: 94%;
	margin: 0 auto;
}

.con_dinner .wrp_outline .wrp .box_course .box_detail .box_txt .box_txt_in table th {
	width: 30%;
	color: #5d4d09;
	margin-bottom: 10px;
	vertical-align: top;
	padding: 3px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
	text-align: center;
}

@media only screen and (max-width: 480px) {
	.con_dinner .wrp_outline .wrp .box_course .box_detail .box_txt .box_txt_in table th {
		text-align: left;
		float: left;
		width: 100%;
		margin-bottom: 0;
	}
}

.con_dinner .wrp_outline .wrp .box_course .box_detail .box_txt .box_txt_in table td {
	width: 67%;
	margin-bottom: 10px;
	padding: 3px;
}

@media only screen and (max-width: 480px) {
	.con_dinner .wrp_outline .wrp .box_course .box_detail .box_txt .box_txt_in table td {
		float: left;
		width: 100%;
		border-bottom: 1px solid #f6efd0;
	}
}

.con_dinner .wrp_outline .wrp .box_course .box_detail .box_txt .box_txt_in table .even th,
.con_dinner .wrp_outline .wrp .box_course .box_detail .box_txt .box_txt_in table .even td {
	background-color: #FCF9EB;
}

@media only screen and (max-width: 1024px) {
	.con_dinner .wrp_outline .wrp .box_course .box_detail.box_shiki .box_txt .box_title {
		clear: both;
	}
}

.con_dinner .wrp_outline .wrp .box_course .box_btn {
	overflow: hidden;
	width: 50%;
	float: right;
}

@media only screen and (max-width: 1100px) {
	.con_dinner .wrp_outline .wrp .box_course .box_btn {
		width: 60%;
	}
}

@media only screen and (max-width: 1024px) {
	.con_dinner .wrp_outline .wrp .box_course .box_btn {
		width: 80%;
	}
}

@media only screen and (max-width: 736px) {
	.con_dinner .wrp_outline .wrp .box_course .box_btn {
		width: 90%;
		margin: 0 auto;
		float: none;
	}
}

.con_dinner .wrp_outline .wrp .box_course .box_btn .btn_gr_m {
	float: left;
	width: 47%;
	margin: 0 1.5%;
}

@media only screen and (max-width: 736px) {
	.con_dinner .wrp_outline .wrp .box_course .box_btn .btn_gr_m {
		float: none;
		width: 100%;
		margin: 0 auto 20px;
	}
}

.con_dinner .wrp_outline .wrp .box_course .box_btn .btn_gr_m a {
	background-image: url("../restaurant/images/btn_dinnerplan.png");
	width: 242px;
}

.con_dinner .wrp_outline .wrp .box_course .box_btn .btn_gr_m a div {
	padding-top: 40px;
}

.con_dinner .wrp_outline .wrp .box_course .box_btn .btn_gr_m a {
	margin: 0 auto;
}

.con_dinner .wrp_outline .wrp .box_course .box_btn .btn_br_m {
	float: left;
	width: 47%;
	margin: 0 1.5%;
}

@media only screen and (max-width: 736px) {
	.con_dinner .wrp_outline .wrp .box_course .box_btn .btn_br_m {
		float: none;
		width: 100%;
		margin: 0 auto 20px;
	}
}

.con_dinner .wrp_outline .wrp .box_course .box_btn .btn_br_m a {
	background-image: url("http://hotel-rosablanca.com/restaurant/images/btn_upgradplan.png");
	width: 242px;
}

.con_dinner .wrp_outline .wrp .box_course .box_btn .btn_br_m a div {
	padding-top: 40px;
}

.con_dinner .wrp_outline .wrp .box_course .box_btn .btn_br_m a {
	margin: 0 auto;
}

.con_dinner .wrp_outline .wrp .box_course_small {
	width: 97%;
	margin: 0 1.5% 25px;
	overflow: hidden;
	padding-bottom: 25px;
}

@media only screen and (max-width: 1024px) {
	.con_dinner .wrp_outline .wrp .box_course_small {
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 736px) {
	.con_dinner .wrp_outline .wrp .box_course_small {
		width: 97%;
		float: none;
		background: url(../images/common/line_slash.png) 0 bottom repeat-x;
		padding-top: 30px;
		overflow: hidden;
	}
}

@media only screen and (max-width: 736px) and (max-width: 736px) {
	.con_dinner .wrp_outline .wrp .box_course_small:last-child {
		background: none;
	}
}

.con_dinner .wrp_outline .wrp .box_course_small .box_detail {
	padding-bottom: 20px;
}

@media only screen and (max-width: 736px) {
	.con_dinner .wrp_outline .wrp .box_course_small .box_detail {
		margin-bottom: 30px;
	}
}

.con_dinner .wrp_outline .wrp .box_course_small .box_detail .box_photo {
	width: 28%;
	float: left;
	margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
	.con_dinner .wrp_outline .wrp .box_course_small .box_detail .box_photo {
		width: 37%;
		margin-bottom: 20px;
		text-align: center;
	}
}

@media only screen and (max-width: 736px) {
	.con_dinner .wrp_outline .wrp .box_course_small .box_detail .box_photo {
		float: none;
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}
}

.con_dinner .wrp_outline .wrp .box_course_small .box_detail .box_photo .photo {
	width: 90%;
	text-align: center;
	padding: 10px 0 0 10px;
	background: url(http://hotel-rosablanca.com/restaurant/images/bg_photo.png) 0 0 no-repeat;
	margin: 0 auto 30px;
}

.con_dinner .wrp_outline .wrp .box_course_small .box_detail .box_txt {
	width: 72%;
	float: right;
}

@media only screen and (max-width: 1024px) {
	.con_dinner .wrp_outline .wrp .box_course_small .box_detail .box_txt {
		width: 60%;
	}
}

@media only screen and (max-width: 736px) {
	.con_dinner .wrp_outline .wrp .box_course_small .box_detail .box_txt {
		float: none;
		width: 100%;
	}
}

.con_dinner .wrp_outline .wrp .box_course_small .box_detail .box_txt .box_title {
	margin-bottom: 20px;
}

.con_dinner .wrp_outline .wrp .box_course_small .box_detail .box_txt .box_title h5 {
	border-bottom: 3px double #ebe1b3;
	padding-bottom: 5px;
	background: url(http://hotel-rosablanca.com/restaurant/images/ic_purple.png) 0 center no-repeat;
	padding-left: 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
	text-align: left;
	font-size: 1.2em;
}

@media only screen and (max-width: 1024px) {
	.con_dinner .wrp_outline .wrp .box_course_small .box_detail .box_txt .box_title h5 {
		float: none;
		width: 100%;
		padding-left: 20px;
	}
}

@media only screen and (max-width: 736px) {
	.con_dinner .wrp_outline .wrp .box_course_small .box_detail .box_txt .box_title h5 {
		background-position: 0 10px;
		font-size: 1.05em;
	}
}

.con_dinner .wrp_outline .wrp .box_course_small .box_detail .box_txt .box_title .price {
	text-align: right;
}

@media only screen and (max-width: 1024px) {
	.con_dinner .wrp_outline .wrp .box_course_small .box_detail .box_txt .box_title .price {
		float: none;
		width: 100%;
	}
}

.con_dinner .wrp_outline .wrp .box_course_small .box_detail .box_txt .box_title .price span {
	font-weight: bold;
	color: #b53228;
	font-size: 1.6em;
}

.con_dinner .wrp_outline .wrp .box_course_small .box_detail .box_txt .box_txt_in {
	background: white url(../images/common/line_slash.png) 0 0 repeat-x;
	padding: 20px;
}

@media only screen and (max-width: 736px) {
	.con_dinner .wrp_outline .wrp .box_course_small .box_detail .box_txt .box_txt_in {
		background-image: none;
		padding: 10px;
	}
}

.con_dinner .wrp_outline .wrp .box_course_small .box_detail .box_txt .box_txt_in table {
	width: 100%;
	margin: 0 auto;
}

.con_dinner .wrp_outline .wrp .box_course_small .box_detail .box_txt .box_txt_in table th {
	width: 25%;
	color: #5d4d09;
	margin-bottom: 10px;
	vertical-align: top;
	padding: 3px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
}

@media only screen and (max-width: 480px) {
	.con_dinner .wrp_outline .wrp .box_course_small .box_detail .box_txt .box_txt_in table th {
		text-align: left;
		float: left;
		width: 100%;
		margin-bottom: 0;
	}
}

.con_dinner .wrp_outline .wrp .box_course_small .box_detail .box_txt .box_txt_in table td {
	width: 72%;
	margin-bottom: 10px;
	padding: 3px;
}

@media only screen and (max-width: 480px) {
	.con_dinner .wrp_outline .wrp .box_course_small .box_detail .box_txt .box_txt_in table td {
		float: left;
		width: 100%;
		border-bottom: 1px solid #f6efd0;
	}
}

.con_dinner .wrp_outline .wrp .box_course_small .box_detail .box_txt .box_txt_in table .even th,
.con_dinner .wrp_outline .wrp .box_course_small .box_detail .box_txt .box_txt_in table .even td {
	background-color: #FCF9EB;
}

.con_dinner .wrp_outline .wrp .box_course_small .box_btn {
	overflow: hidden;
	width: 60%;
	float: right;
	text-align: right;
}

@media only screen and (max-width: 1100px) {
	.con_dinner .wrp_outline .wrp .box_course_small .box_btn {
		width: 60%;
	}
}

@media only screen and (max-width: 736px) {
	.con_dinner .wrp_outline .wrp .box_course_small .box_btn {
		width: 90%;
		margin: 0 auto;
		float: none;
	}
}

.con_dinner .wrp_outline .wrp .box_course_small .box_btn .btn_gr_m {
	display: inline-block;
	text-align: right;
	margin: 0 1.5%;
}

@media only screen and (max-width: 1024px) {
	.con_dinner .wrp_outline .wrp .box_course_small .box_btn .btn_gr_m {
		display: block;
		float: none;
		width: 80%;
		margin: 0 auto 20px;
	}
}

@media only screen and (max-width: 736px) {
	.con_dinner .wrp_outline .wrp .box_course_small .box_btn .btn_gr_m {
		float: none;
		width: 100%;
	}
}

.con_dinner .wrp_outline .wrp .box_course_small .box_btn .btn_gr_m a {
	background-image: url("../restaurant/images/btn_dinnerplan.png");
	width: 242px;
}

.con_dinner .wrp_outline .wrp .box_course_small .box_btn .btn_gr_m a div {
	padding-top: 40px;
}

.con_dinner .wrp_outline .wrp .box_course_small .box_btn .btn_gr_m a {
	margin: 0 auto;
	display: inline-block;
}

@media only screen and (max-width: 1024px) {
	.con_dinner .wrp_outline .wrp .box_course_small .box_btn .btn_gr_m a {
		display: block;
	}
}

.con_dinner .wrp_outline .wrp .box_course_small .box_btn .btn_br_m {
	display: inline-block;
	text-align: right;
	margin: 0 1.5%;
}

@media only screen and (max-width: 1024px) {
	.con_dinner .wrp_outline .wrp .box_course_small .box_btn .btn_br_m {
		display: block;
		float: none;
		width: 80%;
		margin: 0 auto 20px;
	}
}

@media only screen and (max-width: 736px) {
	.con_dinner .wrp_outline .wrp .box_course_small .box_btn .btn_br_m {
		float: none;
		width: 100%;
	}
}

.con_dinner .wrp_outline .wrp .box_course_small .box_btn .btn_br_m a {
	background-image: url("http://hotel-rosablanca.com/restaurant/images/btn_upgradplan.png");
	width: 242px;
}

.con_dinner .wrp_outline .wrp .box_course_small .box_btn .btn_br_m a div {
	padding-top: 40px;
}

.con_dinner .wrp_outline .wrp .box_course_small .box_btn .btn_br_m a {
	margin: 0 auto;
	display: inline-block;
}

@media only screen and (max-width: 1024px) {
	.con_dinner .wrp_outline .wrp .box_course_small .box_btn .btn_br_m a {
		display: block;
	}
}

.con_dinner .wrp_outline .wrp.con_jpdinner .st_japanese {
	padding: 15px 5px 17px 0;
	margin-bottom: 30px;
	background: #e7dba5 url(http://hotel-rosablanca.com/restaurant/images/bg_line.png) bottom left repeat-x;
}

@media only screen and (max-width: 736px) {
	.con_dinner .wrp_outline .wrp.con_jpdinner .st_japanese {
		text-align: left;
		margin-bottom: 16px;
	}
}

.con_dinner .wrp_outline .wrp.con_jpdinner .st_japanese h4 {
	background: url(http://hotel-rosablanca.com/restaurant/images/txt_japanese.png) 0 0 no-repeat;
	height: 0;
	overflow: hidden;
	padding-top: 22px;
}

@media only screen and (max-width: 736px) {
	.con_dinner .wrp_outline .wrp.con_jpdinner .st_japanese h4 {
		background: url(http://hotel-rosablanca.com/restaurant/images/ic_purple.png) 0 center no-repeat;
		height: auto;
		padding-top: 0;
		padding-left: 20px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
		font-size: 1.1em;
	}

	.con_dinner .wrp_outline .wrp.con_jpdinner .st_japanese h4 span {
		font-family: "Great Vibes", cursive;
		color: #ad989f;
	}
}

@media only screen and (max-width: 736px) and (max-width: 736px) {
	.con_dinner .wrp_outline .wrp.con_jpdinner .st_japanese h4 span {
		font-size: .6em;
		margin-left: 10px;
	}
}

.con_dinner .wrp_outline .wrp.con_jpdinner .box_course .box_title h5 {
	background: url(http://hotel-rosablanca.com/restaurant/images/ic_purple.png) 0 center no-repeat;
	padding-left: 40px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
	text-align: left;
	font-size: 1.2em;
}

@media only screen and (max-width: 1024px) {
	.con_dinner .wrp_outline .wrp.con_jpdinner .box_course .box_title h5 {
		float: none;
		width: 100%;
		padding-left: 20px;
	}
}

@media only screen and (max-width: 736px) {
	.con_dinner .wrp_outline .wrp.con_jpdinner .box_course .box_title h5 {
		background-position: 0 10px;
		font-size: 1.05em;
	}
}

.con_dinner .wrp_outline .wrp.con_jpdinner .box_course .box_detail .box_txt .box_takarabako {
	background: #f6efd0 url(http://hotel-rosablanca.com/restaurant/images/bg_deco_takarabako.png) right bottom no-repeat;
	padding-top: 20px;
	margin-bottom: 20px;
}

.con_dinner .wrp_outline .wrp.con_jpdinner .box_course .box_detail .box_txt .box_takarabako .st {
	float: left;
	width: 30%;
	padding: 20px 15px 0;
	background-color: #f6efd0;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
	text-align: center;
	font-size: 1.2em;
	color: #5d4d09;
}

@media only screen and (max-width: 736px) {
	.con_dinner .wrp_outline .wrp.con_jpdinner .box_course .box_detail .box_txt .box_takarabako .st {
		float: none;
		width: 100%;
		padding: 20px;
	}
}

.con_dinner .wrp_outline .wrp.con_jpdinner .box_course .box_detail .box_txt .box_takarabako .st span {
	display: block;
	font-family: "Great Vibes", cursive;
	color: #fff;
}

.con_dinner .wrp_outline .wrp.con_jpdinner .box_course .box_detail .box_txt .box_takarabako .box_detail_in {
	float: right;
	width: 67%;
}

@media only screen and (max-width: 736px) {
	.con_dinner .wrp_outline .wrp.con_jpdinner .box_course .box_detail .box_txt .box_takarabako .box_detail_in {
		float: none;
		width: 90%;
		padding: 10px;
		margin: 0 auto;
	}
}

.con_dinner .wrp_outline .wrp.con_jpdinner .box_course .box_detail .box_txt .box_takarabako .box_detail_in ul {
	text-align: left;
}

.con_dinner .wrp_outline .wrp.con_jpdinner .box_course .box_detail .box_txt .box_takarabako .box_detail_in ul li {
	padding-bottom: 3px;
	margin-bottom: 3px;
	border-bottom: 1px solid #E6DDB3;
}

.con_dinner .wrp_outline .wrp.con_jpdinner .box_course .box_detail .box_txt .box_takarabako .box_detail_in ul li span {
	font-family: "Times New Roman";
	background-color: #9D8450;
	color: #fff;
	padding: 0 5px;
	margin-right: 10px;
}

.con_dinner .wrp_outline .wrp.con_jpdinner .box_course .box_detail .box_txt .box_takarabako .box_detail_in .caution {
	padding: 5px 0 10px;
	text-align: right;
	font-size: .8em;
}

.con_dinner .wrp_outline .wrp.con_wesdinner .st_western {
	padding: 15px 5px 17px 0;
	margin-bottom: 30px;
	background: #e7dba5 url(http://hotel-rosablanca.com/restaurant/images/bg_line.png) bottom left repeat-x;
}

@media only screen and (max-width: 736px) {
	.con_dinner .wrp_outline .wrp.con_wesdinner .st_western {
		text-align: left;
		margin-bottom: 16px;
	}
}

.con_dinner .wrp_outline .wrp.con_wesdinner .st_western h4 {
	background: url(../restaurant/images/txt_wastern.png) 0 0 no-repeat;
	height: 0;
	overflow: hidden;
	padding-top: 22px;
}

@media only screen and (max-width: 736px) {
	.con_dinner .wrp_outline .wrp.con_wesdinner .st_western h4 {
		background: url(http://hotel-rosablanca.com/restaurant/images/ic_green.png) 0 center no-repeat;
		height: auto;
		padding-top: 0;
		padding-left: 20px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
		font-size: 1.1em;
	}

	.con_dinner .wrp_outline .wrp.con_wesdinner .st_western h4 span {
		font-family: "Great Vibes", cursive;
		color: #9aaf9f;
		font-size: .6em;
		margin-left: 10px;
	}
}

.con_dinner .wrp_outline .wrp.con_wesdinner .box_course .box_title h5 {
	background: url(http://hotel-rosablanca.com/restaurant/images/ic_green.png) 0 center no-repeat;
	padding-left: 40px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
	text-align: left;
	font-size: 1.2em;
}

@media only screen and (max-width: 1024px) {
	.con_dinner .wrp_outline .wrp.con_wesdinner .box_course .box_title h5 {
		float: none;
		width: 100%;
	}
}

@media only screen and (max-width: 736px) {
	.con_dinner .wrp_outline .wrp.con_wesdinner .box_course .box_title h5 {
		padding-left: 20px;
		font-size: 1.05em;
	}
}

.con_dinner .wrp_outline .wrp.con_wesdinner .box_course .box_detail {
	margin-bottom: 20px;
}

.con_dinner .wrp_outline .wrp.con_wesdinner .box_course .box_detail .box_txt table th {
	width: 30%;
}

@media only screen and (max-width: 480px) {
	.con_dinner .wrp_outline .wrp.con_wesdinner .box_course .box_detail .box_txt table th {
		float: left;
		width: 100%;
		margin-bottom: 0;
	}
}

.con_dinner .wrp_outline .wrp.con_wesdinner .box_course .box_detail .box_txt table td {
	width: 67%;
}

@media only screen and (max-width: 480px) {
	.con_dinner .wrp_outline .wrp.con_wesdinner .box_course .box_detail .box_txt table td {
		float: left;
		width: 100%;
		margin-bottom: 0;
	}
}

.con_dinner .wrp_outline .wrp.con_wesdinner .box_course_small .box_title h5 {
	background: url(http://hotel-rosablanca.com/restaurant/images/ic_green.png) 0 center no-repeat !important;
}

.con_dinner .wrp_outline .wrp.con_wesdinner .box_course_small .box_txt_in .box_detail_in th {
	font-family: "Times New Roman" !important;
}

.con_dinner .wrp_outline .txt_att {
	text-align: right;
	background-color: #fff;
	clear: both;
	overflow: hidden;
	padding: 10px;
}

@media only screen and (max-width: 1024px) {
	.con_dinner .wrp_outline .txt_att {
		text-align: left;
	}
}

/*----------------------------------------------------
	.con_breakfast	朝食のご案内
----------------------------------------------------*/
.con_breakfast {
	*zoom: 1;
	width: 1280px;
	margin: 0 auto;
	margin-bottom: 80px;
}

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

@media only screen and (max-width: 1280px) {
	.con_breakfast {
		width: 100%;
	}
}

.con_breakfast .st_smp1 h3 {
	background-image: url(http://hotel-rosablanca.com/restaurant/images/st_breakfast.png);
	margin-bottom: 30px;
}

.con_breakfast .box_breakfast {
	margin-bottom: 30px;
	position: relative;
}

@media only screen and (max-width: 1024px) {
	.con_breakfast .box_breakfast .photo {
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
}

.con_breakfast .box_breakfast .box_txt {
	position: absolute;
	width: 47%;
	margin-top: -30px;
	padding-left: 20px;
	background: url(http://hotel-rosablanca.com/restaurant/images/bg_breakfast.png) right 20px no-repeat;
}

@media only screen and (max-width: 1024px) {
	.con_breakfast .box_breakfast .box_txt {
		position: static;
		padding-left: 0;
		float: none;
		width: 90%;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 736px) {
	.con_breakfast .box_breakfast .box_txt {
		float: none;
		width: 90%;
		margin: 0 auto;
		background: none;
	}
}

.con_breakfast .box_breakfast .box_txt h4 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 20px;
}

.con_breakfast .box_breakfast .box_txt h4 span {
	color: #64ad5d;
	font-size: 1.5em;
	display: block;
	font-weight: bold;
}

@media only screen and (max-width: 1024px) {
	.con_breakfast .box_breakfast .box_txt h4 {
		text-align: center;
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 736px) {
	.con_breakfast .box_breakfast .box_txt h4 {
		font-size: 1em;
	}
}

.con_breakfast .box_breakfast .box_txt .txt {
	margin-bottom: 20px;
}

.con_breakfast .box_breakfast .box_txt .tbl_basic {
	margin-bottom: 30px;
}

.con_breakfast .box_breakfast .box_txt .box_allergie {
	border: 3px double #e7dba5;
	padding: 15px 20px;
}

.con_breakfast .box_breakfast .box_txt .box_allergie h5 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
	font-size: 1.2em;
	color: #312413;
	margin-bottom: 10px;
	font-weight: normal;
}

.con_breakfast .box_breakfast .photo_sub {
	float: right;
	width: 50%;
	text-align: right;
	padding-top: 30px;
}

@media only screen and (max-width: 1024px) {
	.con_breakfast .box_breakfast .photo_sub {
		float: none;
		width: 100%;
		text-align: center;
		padding-top: 0;
	}
}

.con_breakfast .box_recommend {
	background: #fefcf6 url(http://hotel-rosablanca.com/restaurant/images/line_bre.png) top left repeat-x;
	overflow: hidden;
}

.con_breakfast .box_recommend .inner_line {
	background: url(http://hotel-rosablanca.com/restaurant/images/line_bre.png) bottom right repeat-x;
	overflow: hidden;
	padding: 35px;
}

@media only screen and (max-width: 1100px) {
	.con_breakfast .box_recommend .inner_line {
		padding: 20px;
	}
}

@media only screen and (max-width: 736px) {
	.con_breakfast .box_recommend .inner_line {
		padding: 10px;
	}
}

.con_breakfast .box_recommend .inner_line .st_rec {
	display: block;
	height: 0;
	overflow: hidden;
	background: url("http://hotel-rosablanca.com/restaurant/images/st_recommend.png") center center no-repeat;
	padding-top: 58px;
	margin-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
	.con_breakfast .box_recommend .inner_line .st_rec {
		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_breakfast .box_recommend .inner_line .st_rec span {
		font-size: .8em;
		display: block;
		font-family: "Times New Roman";
		color: #dfc47a;
	}
}

@media only screen and (max-width: 1024px) {

	.con_breakfast .box_recommend .inner_line .st_rec span.bg_01,
	.con_breakfast .box_recommend .inner_line .st_rec span.bg_02 {
		background: #e7dba5;
		display: inline-block;
		font-size: 1.1em;
		color: #312413;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
		letter-spacing: .2em;
		border: 1px solid #e7dba5;
		padding: 3px;
	}

	.con_breakfast .box_recommend .inner_line .st_rec span.bg_02 {
		background: #f8f2db;
	}
}

@media only screen and (max-width: 1024px) and (max-width: 736px) {

	.con_breakfast .box_recommend .inner_line .st_rec span.bg_01,
	.con_breakfast .box_recommend .inner_line .st_rec span.bg_02 {
		font-size: 1em;
	}
}

.con_breakfast .box_recommend .inner_line .txt {
	padding-bottom: 30px;
	text-align: center;
}

.con_breakfast .box_recommend .inner_line .txt span {
	display: block;
	font-size: .85em;
	padding-top: 10px;
}

@media only screen and (max-width: 736px) {
	.con_breakfast .box_recommend .inner_line .txt {
		text-align: left;
	}

	.con_breakfast .box_recommend .inner_line .txt br {
		display: none;
	}

	.con_breakfast .box_recommend .inner_line .txt span br {
		display: block;
	}
}

.con_breakfast .box_recommend .inner_line ul.rec {
	overflow: hidden;
	width: 100%;
	padding-left: 0;
	margin-bottom: 0;
}

.con_breakfast .box_recommend .inner_line ul.rec li {
	text-align: center;
	float: left;
	width: 25%;
	padding: 0 5px;
	margin-bottom: 5px;
}

@media only screen and (max-width: 736px) {
	.con_breakfast .box_recommend .inner_line ul.rec li {
		width: 50%;
		padding: 0 3px;
	}
}

.con_breakfast .box_recommend .inner_line ul.rec li .img {
	width: 100%;
	margin-bottom: 5px;
}

.con_breakfast .box_recommend .inner_line ul.rec li .title {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
	font-size: 1.3em;
	padding-bottom: 8px;
}

@media only screen and (max-width: 1024px) {
	.con_breakfast .box_recommend .inner_line ul.rec li .title {
		font-size: 1.1em;
	}
}

@media only screen and (max-width: 736px) {
	.con_breakfast .box_recommend .inner_line ul.rec li .title {
		letter-spacing: -1px;
	}
}

.con_breakfast .box_recommend .inner_line ul.rec li .title:before {
	color: #c7b259;
	content: "\f0c8";
	font-family: 'FontAwesome';
	margin-right: 5px;
	font-size: .9em;
}

@media only screen and (max-width: 736px) {
	.con_breakfast .box_recommend .inner_line ul.rec li .title:before {
		font-size: .6em;
	}
}

.con_breakfast .box_recommend .inner_line ul.rec li .txt_in {
	width: 96%;
	margin: 0 auto;
	text-align: left;
}

.con_breakfast .box_recommend .inner_line .txt_att {
	padding-top: 15px;
	clear: both;
	overflow: hidden;
	font-size: .85em;
	text-align: center;
}

/*----------------------------------------------------
	.con_otherlnk	ページ下部　他のページへの導線
----------------------------------------------------*/
.con_otherlnk {
	background: url(../images/common/line_gold.png) 0 0 repeat-x;
	padding-top: 50px;
	margin-bottom: 80px;
	/*お食事会場・昼食ページ用*/
}

.con_otherlnk ul {
	*zoom: 1;
	width: 1280px;
	margin: 0 auto;
}

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

@media only screen and (max-width: 1280px) {
	.con_otherlnk ul {
		width: 100%;
	}
}

.con_otherlnk ul li {
	width: 45%;
	margin: 0 2.5%;
	float: left;
	background-color: #fcf9eb;
	padding: 20px;
	-webkit-box-shadow: 0px -3px 3px rgba(228, 228, 228, 0.4);
	-moz-box-shadow: 0px -3px 3px rgba(228, 228, 228, 0.4);
	box-shadow: 0px -3px 3px rgba(228, 228, 228, 0.4);
	border: 1px solid #f6f1d9;
}

@media only screen and (max-width: 1024px) {
	.con_otherlnk ul li {
		width: 47%;
		margin: 0 1.5%;
	}
}

@media only screen and (max-width: 480px) {
	.con_otherlnk ul li {
		width: 90%;
		float: none;
		overflow: hidden;
		clear: both;
		margin: 0 auto 30px;
		padding: 10px;
	}
}

.con_otherlnk ul li .photo {
	float: left;
	width: 50%;
}

@media only screen and (max-width: 1024px) {
	.con_otherlnk ul li .photo {
		width: 40%;
	}
}

@media only screen and (max-width: 768px) {
	.con_otherlnk ul li .photo {
		width: 100%;
		float: none;
		text-align: center;
	}
}

@media only screen and (max-width: 480px) {
	.con_otherlnk ul li .photo {
		width: 90%;
		text-align: center;
		margin: 0 auto 10px;
	}
}

.con_otherlnk ul li .box_txt {
	float: right;
	width: 50%;
	padding: 60px 10px 0;
	background: url(http://hotel-rosablanca.com/restaurant/images/bg_lnk_leaf.png) 0 0 no-repeat;
}

@media only screen and (max-width: 1024px) {
	.con_otherlnk ul li .box_txt {
		width: 60%;
		padding-top: 20px;
	}
}

@media only screen and (max-width: 768px) {
	.con_otherlnk ul li .box_txt {
		width: 100%;
		float: none;
		padding-top: 20px;
	}
}

@media only screen and (max-width: 480px) {
	.con_otherlnk ul li .box_txt {
		background: none;
		float: none;
		width: 100%;
		padding-top: 0;
	}
}

.con_otherlnk ul li .box_txt h5 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
	text-align: center;
	font-size: 1.3em;
	margin-bottom: 30px;
	color: #7b4822;
	font-weight: normal;
}

.con_otherlnk ul li .box_txt h5 span {
	letter-spacing: -4px;
}

@media only screen and (max-width: 736px) {
	.con_otherlnk ul li .box_txt h5 {
		font-size: 1.05em;
		margin-bottom: 10px;
	}
}

.con_otherlnk ul li .box_txt .btn_be_s a {
	background-image: url("http://hotel-rosablanca.com/restaurant/images/btn_group.png");
	width: 183px;
}

.con_otherlnk ul li .box_txt .btn_be_s a div {
	padding-top: 32px;
}

.con_otherlnk ul li .box_txt .btn_be_s a {
	margin: 0 auto;
}

.con_otherlnk ul li:first-child .box_txt .btn_be_s a {
	background-image: url("http://hotel-rosablanca.com/restaurant/images/btn_lunch.png");
	width: 156px;
}

.con_otherlnk ul li:first-child .box_txt .btn_be_s a div {
	padding-top: 32px;
}

.con_otherlnk ul li:first-child .box_txt .btn_be_s a {
	margin: 0 auto;
}

.con_otherlnk.con_lunch_lnk ul li {
	width: 31%;
	margin: 0 1%;
	padding: 10px;
}

@media only screen and (max-width: 1100px) {
	.con_otherlnk.con_lunch_lnk ul li {
		width: 47%;
		margin: 0 1.5% 3%;
	}
}

@media only screen and (max-width: 480px) {
	.con_otherlnk.con_lunch_lnk ul li {
		width: 90%;
		float: none;
		overflow: hidden;
		clear: both;
		margin: 0 auto 30px;
		padding: 10px;
	}
}

@media only screen and (max-width: 1280px) {
	.con_otherlnk.con_lunch_lnk ul li .photo {
		width: 30%;
	}
}

@media only screen and (max-width: 1024px) {
	.con_otherlnk.con_lunch_lnk ul li .photo {
		width: 40%;
	}
}

@media only screen and (max-width: 768px) {
	.con_otherlnk.con_lunch_lnk ul li .photo {
		width: 100%;
	}
}

@media only screen and (max-width: 480px) {
	.con_otherlnk.con_lunch_lnk ul li .photo {
		width: 90%;
	}
}

.con_otherlnk.con_lunch_lnk ul li .box_txt {
	padding: 20px 10px 0;
}

@media only screen and (max-width: 1280px) {
	.con_otherlnk.con_lunch_lnk ul li .box_txt {
		width: 70%;
	}
}

@media only screen and (max-width: 1024px) {
	.con_otherlnk.con_lunch_lnk ul li .box_txt {
		width: 60%;
	}
}

@media only screen and (max-width: 768px) {
	.con_otherlnk.con_lunch_lnk ul li .box_txt {
		width: 100%;
	}
}

@media only screen and (max-width: 480px) {
	.con_otherlnk.con_lunch_lnk ul li .box_txt {
		width: 100%;
	}
}

.con_otherlnk.con_lunch_lnk ul li .box_txt h5 {
	margin-bottom: 10px;
}

@media only screen and (max-width: 1280px) {
	.con_otherlnk.con_lunch_lnk ul li .box_txt h5 {
		font-size: 1.15em;
	}

	.con_otherlnk.con_lunch_lnk ul li .box_txt h5 br {
		display: none;
	}
}

.con_otherlnk.con_lunch_lnk ul li:first-child .box_txt .btn_be_s a {
	background-image: url("../restaurant/images/btn_dinner.png");
	width: 156px;
}

.con_otherlnk.con_lunch_lnk ul li:first-child .box_txt .btn_be_s a div {
	padding-top: 32px;
}

.con_otherlnk.con_lunch_lnk ul li:first-child .box_txt .btn_be_s a {
	margin: 0 auto;
}

.con_otherlnk.con_lunch_lnk ul .oneday .box_txt {
	padding-top: 20px;
}

.con_otherlnk.con_lunch_lnk ul .oneday .box_txt h5 {
	margin-bottom: 10px;
}

.con_otherlnk.con_lunch_lnk ul .oneday .box_txt .btn_gr_s a {
	background-image: url("http://hotel-rosablanca.com/restaurant/images/btn_rsv.png");
	width: 163px;
}

.con_otherlnk.con_lunch_lnk ul .oneday .box_txt .btn_gr_s a div {
	padding-top: 32px;
}

.con_otherlnk.con_lunch_lnk ul .oneday .box_txt .btn_gr_s a {
	margin: 0 auto;
}

/*----------------------------------------------------
	.con_allergy	アレルギー対応について
----------------------------------------------------*/
.con_allergy {
	*zoom: 1;
	width: 1280px;
	margin: 0 auto;
	margin-bottom: 80px;
	border: #dfc47a 3px solid;
	background: url(../rooms/images/bg_leaf-pattern.jpg) 0 0 repeat-x;
}

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

@media only screen and (max-width: 1280px) {
	.con_allergy {
		width: 100%;
	}
}

@media only screen and (max-width: 1024px) {
	.con_allergy {
		width: 90%;
		margin: 0 auto 10%;
	}
}

@media only screen and (max-width: 736px) {
	.con_allergy {
		margin-bottom: 15%;
	}
}

.con_allergy .wrp_allergy {
	padding: 40px 20px;
}

@media only screen and (max-width: 1024px) {
	.con_allergy .wrp_allergy {
		padding: 2% 0;
	}
}

@media only screen and (max-width: 736px) {
	.con_allergy .wrp_allergy {
		padding: 2% 0 5%;
	}
}

.con_allergy .wrp_allergy .st_allergy {
	display: block;
	height: 0;
	overflow: hidden;
	background: url("http://hotel-rosablanca.com/restaurant/images/st_allergy.png") center center no-repeat;
	padding-top: 46px;
	margin-bottom: 20px;
	padding-top: 46px;
	float: left;
	width: 45%;
	margin-top: 10px;
}

@media only screen and (max-width: 1024px) {
	.con_allergy .wrp_allergy .st_allergy {
		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_allergy .wrp_allergy .st_allergy span {
		font-size: .8em;
		display: block;
		font-family: "Times New Roman";
		color: #dfc47a;
	}
}

@media only screen and (max-width: 1024px) {
	.con_allergy .wrp_allergy .st_allergy {
		float: none;
		width: 100%;
		margin-top: 0;
		padding: 20px 0 0;
	}

	.con_allergy .wrp_allergy .st_allergy span {
		font-family: "Great Vibes", cursive;
	}
}

@media only screen and (max-width: 736px) {
	.con_allergy .wrp_allergy .st_allergy {
		font-size: 1.2em;
		font-weight: bold;
	}
}

.con_allergy .wrp_allergy .txt {
	float: right;
	width: 55%;
	margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
	.con_allergy .wrp_allergy .txt {
		float: none;
		width: 90%;
		padding-bottom: 10px;
	}
}

@media only screen and (max-width: 736px) {
	.con_allergy .wrp_allergy .txt {
		padding: 0 15px 15px;
	}
}

/*----------------------------------------------------
	.con_lunch	昼食のご案内
----------------------------------------------------*/
.con_lunch_intro {
	background: url(../images/common/line_gold.png) 0 0 repeat-x;
	padding-top: 10px;
	overflow: hidden;
}

.con_lunch_intro .photo {
	*zoom: 1;
	width: 1280px;
	margin: 0 auto;
}

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

@media only screen and (max-width: 1280px) {
	.con_lunch_intro .photo {
		width: 100%;
	}
}

.con_lunch {
	*zoom: 1;
	width: 1280px;
	margin: 0 auto;
	padding-top: 6px;
	background: #fcf9eb url(http://hotel-rosablanca.com/restaurant/images/bg_dinner.png) 0 0 no-repeat;
	margin-bottom: 50px;
}

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

@media only screen and (max-width: 1280px) {
	.con_lunch {
		width: 100%;
	}
}

.con_lunch .wrp_outline {
	padding: 2%;
}

.con_lunch .wrp_outline .st_lun {
	display: block;
	height: 0;
	overflow: hidden;
	background: url("../restaurant/images/st_lunch.png") center center no-repeat;
	padding-top: 42px;
	margin-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
	.con_lunch .wrp_outline .st_lun {
		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_lunch .wrp_outline .st_lun span {
		font-size: .8em;
		display: block;
		font-family: "Times New Roman";
		color: #dfc47a;
	}
}

.con_lunch .wrp_outline .txt_intro {
	text-align: center;
	margin: 0 auto 30px;
}

@media only screen and (max-width: 736px) {
	.con_lunch .wrp_outline .txt_intro {
		text-align: left;
	}

	.con_lunch .wrp_outline .txt_intro br {
		display: none;
	}
}

.con_lunch .wrp_outline .wrp {
	width: 98%;
	margin: 0 auto;
}

@media only screen and (max-width: 1280px) {
	.con_lunch .wrp_outline .wrp {
		width: 90%;
	}
}

@media only screen and (max-width: 1024px) {
	.con_lunch .wrp_outline .wrp {
		width: 100%;
		padding: 0 10px;
	}
}

@media only screen and (max-width: 736px) {
	.con_lunch .wrp_outline .wrp {
		padding: 0;
	}
}

.con_lunch .wrp_outline .wrp.con_month .st_month {
	padding: 15px 5px 17px 0;
	margin-bottom: 30px;
	background: #e7dba5 url(http://hotel-rosablanca.com/restaurant/images/bg_line.png) bottom left repeat-x;
}

@media only screen and (max-width: 736px) {
	.con_lunch .wrp_outline .wrp.con_month .st_month {
		text-align: left;
		margin-bottom: 16px;
	}
}

.con_lunch .wrp_outline .wrp.con_month .st_month h4 {
	background: url(http://hotel-rosablanca.com/restaurant/images/txt_month.png) 0 0 no-repeat;
	height: 0;
	overflow: hidden;
	padding-top: 24px;
}

@media only screen and (max-width: 736px) {
	.con_lunch .wrp_outline .wrp.con_month .st_month h4 {
		background: url(http://hotel-rosablanca.com/restaurant/images/ic_st_inner.png) 0 center no-repeat;
		height: auto;
		padding-top: 0;
		padding-left: 30px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
		font-size: 1.1em;
	}

	.con_lunch .wrp_outline .wrp.con_month .st_month h4 span {
		font-family: "Great Vibes", cursive;
		color: #a0850d;
	}
}

@media only screen and (max-width: 736px) and (max-width: 736px) {
	.con_lunch .wrp_outline .wrp.con_month .st_month h4 span {
		font-size: .6em;
		margin-left: 10px;
	}
}

.con_lunch .wrp_outline .wrp.con_month .wrp_course {
	width: 100%;
	overflow: hidden;
}

@media only screen and (max-width: 736px) {
	.con_lunch .wrp_outline .wrp.con_month .wrp_course {
		padding: 0 10px;
	}
}

.con_lunch .wrp_outline .wrp.con_month .wrp_course .box_course {
	width: 46%;
	float: left;
	margin: 0 2% 50px;
}

@media only screen and (max-width: 1024px) {
	.con_lunch .wrp_outline .wrp.con_month .wrp_course .box_course {
		width: 48%;
		margin: 0 1% 30px;
	}
}

@media only screen and (max-width: 736px) {
	.con_lunch .wrp_outline .wrp.con_month .wrp_course .box_course {
		width: 100%;
		float: none;
		margin-left: 0;
	}
}

.con_lunch .wrp_outline .wrp.con_month .wrp_course .box_course .box_title {
	margin-bottom: 20px;
}

.con_lunch .wrp_outline .wrp.con_month .wrp_course .box_course .box_title h5 {
	padding-left: 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
	text-align: left;
	font-size: 1.2em;
	border-bottom: 3px double #ebe1b3;
	padding-bottom: 5px;
}

.con_lunch .wrp_outline .wrp.con_month .wrp_course .box_course .box_title h5.jap {
	background: url(http://hotel-rosablanca.com/restaurant/images/ic_purple.png) 0 center no-repeat;
}

.con_lunch .wrp_outline .wrp.con_month .wrp_course .box_course .box_title h5.fre {
	background: url(http://hotel-rosablanca.com/restaurant/images/ic_green.png) 0 center no-repeat;
}

@media only screen and (max-width: 1024px) {
	.con_lunch .wrp_outline .wrp.con_month .wrp_course .box_course .box_title h5 {
		width: 100%;
		padding-left: 20px;
	}
}

@media only screen and (max-width: 736px) {
	.con_lunch .wrp_outline .wrp.con_month .wrp_course .box_course .box_title h5 {
		background-position: 0 10px;
		font-size: 1.05em;
	}
}

.con_lunch .wrp_outline .wrp.con_month .wrp_course .box_course .box_title .price {
	padding-top: 5px;
	text-align: right;
}

.con_lunch .wrp_outline .wrp.con_month .wrp_course .box_course .box_title .price span {
	color: #b53228;
	font-size: 1.1em;
}

.con_lunch .wrp_outline .wrp.con_month .wrp_course .box_course .box_detail {
	margin-bottom: 20px;
}

.con_lunch .wrp_outline .wrp.con_month .wrp_course .box_course .box_detail .photo {
	width: 70%;
	text-align: center;
	margin: 0 auto 40px;
	padding: 10px 0 0 10px;
	background: url(http://hotel-rosablanca.com/restaurant/images/bg_photo.png) 0 0 no-repeat;
}

.con_lunch .wrp_outline .wrp.con_month .wrp_course .box_course .box_detail .photo img {
	width: 100%;
}

@media only screen and (max-width: 736px) {
	.con_lunch .wrp_outline .wrp.con_month .wrp_course .box_course .box_detail .photo img {
		width: auto;
	}
}

.con_lunch .wrp_outline .wrp.con_month .wrp_course .box_course .box_detail .box_txt {
	width: 100%;
	background-color: #fff;
	border: 1px solid #f6efd0;
	padding: 20px 20px 0;
	position: relative;
	margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
	.con_lunch .wrp_outline .wrp.con_month .wrp_course .box_course .box_detail .box_txt {
		float: none;
		width: 100%;
	}
}

.con_lunch .wrp_outline .wrp.con_month .wrp_course .box_course .box_detail .box_txt .menu {
	position: absolute;
	background-color: #E7DBA5;
	color: #552d0f;
	text-align: center;
	padding: 15px;
	top: -5px;
	left: -5px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
}

.con_lunch .wrp_outline .wrp.con_month .wrp_course .box_course .box_detail .box_txt .menu span {
	display: block;
	font-family: "Great Vibes", cursive;
	color: #fff;
}

.con_lunch .wrp_outline .wrp.con_month .wrp_course .box_course .box_detail .box_txt .txt {
	padding-left: 90px !important;
}

.con_lunch .wrp_outline .con_othmenu {
	margin-bottom: 30px;
}

.con_lunch .wrp_outline .con_othmenu .st_oth {
	padding: 15px 5px 17px 0;
	margin-bottom: 30px;
	background: #e7dba5 url(http://hotel-rosablanca.com/restaurant/images/bg_line.png) bottom left repeat-x;
}

@media only screen and (max-width: 736px) {
	.con_lunch .wrp_outline .con_othmenu .st_oth {
		text-align: left;
		margin-bottom: 16px;
	}
}

.con_lunch .wrp_outline .con_othmenu .st_oth h4 {
	background: url(http://hotel-rosablanca.com/restaurant/images/txt_lunchmenu.png) 0 0 no-repeat;
	height: 0;
	overflow: hidden;
	padding-top: 21px;
}

@media only screen and (max-width: 736px) {
	.con_lunch .wrp_outline .con_othmenu .st_oth h4 {
		background: url(http://hotel-rosablanca.com/restaurant/images/ic_st_inner.png) 0 center no-repeat;
		height: auto;
		padding-top: 0;
		padding-left: 30px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
		font-size: 1.1em;
	}

	.con_lunch .wrp_outline .con_othmenu .st_oth h4 span {
		font-family: "Great Vibes", cursive;
		color: #a0850d;
	}
}

@media only screen and (max-width: 736px) and (max-width: 736px) {
	.con_lunch .wrp_outline .con_othmenu .st_oth h4 span {
		font-size: .6em;
		margin-left: 10px;
	}
}

.con_lunch .wrp_outline .con_othmenu .box {
	width: 47%;
	float: left;
	margin: 0 1.5%;
}

@media only screen and (max-width: 736px) {
	.con_lunch .wrp_outline .con_othmenu .box {
		width: 97%;
		float: none;
		margin-bottom: 30px;
	}
}

.con_lunch .wrp_outline .con_othmenu .box h5 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
	padding-left: 20px;
	font-size: 1.2em;
}

.con_lunch .wrp_outline .con_othmenu .box h5.jap {
	background: url(http://hotel-rosablanca.com/restaurant/images/ic_purple.png) 0 center no-repeat;
}

.con_lunch .wrp_outline .con_othmenu .box h5.wes {
	background: url(http://hotel-rosablanca.com/restaurant/images/ic_green.png) 0 center no-repeat;
}

.con_lunch .wrp_outline .con_othmenu .box ul li {
	overflow: hidden;
	*zoom: 1;
	border-bottom: 1px solid #E7DBA5;
	padding: 5px;
}

.con_lunch .wrp_outline .con_othmenu .box ul li .name {
	float: left;
	padding-right: 10px;
}

@media only screen and (max-width: 736px) {
	.con_lunch .wrp_outline .con_othmenu .box ul li .name {
		float: none;
		width: 100%;
		padding-right: 0;
	}
}

.con_lunch .wrp_outline .con_othmenu .box ul li .price {
	float: right;
	width: 15%;
	text-align: right;
}

@media only screen and (max-width: 1024px) {
	.con_lunch .wrp_outline .con_othmenu .box ul li .price {
		width: 20%;
	}
}

@media only screen and (max-width: 736px) {
	.con_lunch .wrp_outline .con_othmenu .box ul li .price {
		float: none;
		width: 100%;
	}
}

.con_lunch .wrp_outline .con_othmenu .box .box_remarks {
	width: 90%;
	margin: 20px auto 10px;
	background-color: #fff;
	padding: 15px 20px;
	border: 3px double #E7DBA5;
}

.con_lunch .wrp_outline .con_othmenu .txt_att {
	clear: both;
	overflow: hidden;
	padding-top: 0;
	font-size: .85em;
	text-align: right;
}

.con_lunch .wrp_outline .btn_br_m {
	margin-bottom: 30px;
}

.con_lunch .wrp_outline .btn_br_m a {
	background-image: url("http://hotel-rosablanca.com/restaurant/images/btn_othmenu.png");
	width: 267px;
}

.con_lunch .wrp_outline .btn_br_m a div {
	padding-top: 40px;
}

@media only screen and (max-width: 1024px) {
	.con_lunch .wrp_outline .btn_br_m {
		width: 60%;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 736px) {
	.con_lunch .wrp_outline .btn_br_m {
		width: 80%;
	}
}

.con_lunch .wrp_outline .btn_br_m a {
	margin: 0 auto;
}

.con_lunch .wrp_outline .btn_br_m a i {
	margin-left: 5px;
}

.con_lunch .ml {
	margin-left: 0 !important;
}

/*----------------------------------------------------
	.con_sake	地酒のご紹介
----------------------------------------------------*/
.con_sake {
	*zoom: 1;
	width: 1280px;
	margin: 0 auto;
	padding-top: 6px;
	background: url(../images/common/border_skin.png);
	margin-bottom: 50px;
}

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

@media only screen and (max-width: 1280px) {
	.con_sake {
		width: 100%;
	}
}

.con_sake .wrp_outline {
	*zoom: 1;
	width: 1280px;
	margin: 0 auto;
	background: #fcf9eb;
	padding-top: 2%;
}

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

@media only screen and (max-width: 1280px) {
	.con_sake .wrp_outline {
		width: 100%;
	}
}

.con_sake .wrp_outline .st_din {
	display: block;
	height: 0;
	overflow: hidden;
	background: url("http://hotel-rosablanca.com/restaurant/images/st_sake.png") center center no-repeat;
	padding-top: 45px;
	margin-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
	.con_sake .wrp_outline .st_din {
		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_sake .wrp_outline .st_din span {
		font-size: .8em;
		display: block;
		font-family: "Times New Roman";
		color: #dfc47a;
	}
}

.con_sake .wrp_outline .wrp {
	padding: 0 40px 40px;
	background: url(http://hotel-rosablanca.com/restaurant/images/bg_sake.png) right bottom no-repeat;
}

@media only screen and (max-width: 1100px) {
	.con_sake .wrp_outline .wrp {
		padding: 20px;
	}
}

@media only screen and (max-width: 1024px) {
	.con_sake .wrp_outline .wrp {
		background: none;
		padding: 10px;
	}
}

.con_sake .wrp_outline .wrp .img {
	float: left;
	width: 50%;
}

@media only screen and (max-width: 1024px) {
	.con_sake .wrp_outline .wrp .img {
		float: none;
		width: 100%;
		margin-bottom: 10px;
		text-align: center;
	}
}

.con_sake .wrp_outline .wrp .box_txt {
	float: right;
	width: 47%;
	padding-top: 40px;
}

@media only screen and (max-width: 1024px) {
	.con_sake .wrp_outline .wrp .box_txt {
		float: none;
		width: 92%;
		margin: 0 auto;
		padding-bottom: 20px;
	}
}

@media only screen and (max-width: 736px) {
	.con_sake .wrp_outline .wrp .box_txt {
		padding-top: 10px;
	}
}

.con_sake .wrp_outline .wrp .box_txt h5 {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 3px double #e1e1df;
	position: relative;
}

.con_sake .wrp_outline .wrp .box_txt h5 span {
	display: block;
	background: url(http://hotel-rosablanca.com/restaurant/images/sst_sake.png) 0 0 no-repeat;
	padding-top: 53px;
	height: 0;
	overflow: hidden;
}

@media only screen and (max-width: 736px) {
	.con_sake .wrp_outline .wrp .box_txt h5 span {
		background: none;
		padding-top: 0;
		height: auto;
		padding-bottom: 10px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
		font-size: 1.2em;
	}
}

@media only screen and (max-width: 480px) {
	.con_sake .wrp_outline .wrp .box_txt h5 span {
		padding-bottom: 0;
	}

	.con_sake .wrp_outline .wrp .box_txt h5 span br {
		display: none;
	}
}

.con_sake .wrp_outline .wrp .box_txt h5:after {
	content: url("http://hotel-rosablanca.com/restaurant/images/ic_sake.png");
	position: absolute;
	right: 0;
	bottom: -20px;
}

@media only screen and (max-width: 736px) {
	.con_sake .wrp_outline .wrp .box_txt h5:after {
		bottom: -10px;
	}
}

@media only screen and (max-width: 480px) {
	.con_sake .wrp_outline .wrp .box_txt h5:after {
		display: none;
	}
}

/*----------------------------------------------------
	.con_order 別注料理
----------------------------------------------------*/
.con_order {
	*zoom: 1;
	width: 1280px;
	margin: 0 auto;
	margin-bottom: 50px;
}

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

@media only screen and (max-width: 1280px) {
	.con_order {
		width: 100%;
	}
}

.con_order .st_order h3 {
	background-image: url(http://hotel-rosablanca.com/restaurant/images/st_order.png);
	margin-bottom: 45px;
}

.con_order .wrp {
	padding: 0px 40px 0;
	overflow: hidden;
}

@media only screen and (max-width: 1100px) {
	.con_order .wrp {
		padding: 20px;
	}
}

@media only screen and (max-width: 1024px) {
	.con_order .wrp {
		padding: 10px;
	}
}

.con_order .wrp .box_order {
	width: 380px;
	float: left;
	margin: 0 0px 20px 20px;
	background: #f9f7eb;
	text-align: center;
	overflow: hidden;
}

@media only screen and (max-width: 1280px) {
	.con_order .wrp .box_order {
		width: 31.333%;
		margin: 0 0px 20px 1.5%;
	}
}

@media only screen and (max-width: 768px) {
	.con_order .wrp .box_order {
		width: 48%;
		margin: 0 1% 20px;
	}
}

.con_order .wrp .box_order .textarea {
	overflow: hidden;
}

.con_order .wrp .box_order .textarea .title {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
	font-size: 1.3em;
	padding-bottom: 8px;
}

@media only screen and (max-width: 736px) {
	.con_order .wrp .box_order .textarea .title {
		font-size: 1.1em;
	}
}

.con_order .wrp .box_order .textarea .title:before {
	color: #c7b259;
	content: "\f0c8";
	font-family: 'FontAwesome';
	margin-right: 5px;
	font-size: .9em;
}

.con_order .wrp .box_order .textarea .txt {
	text-align: left;
	border-bottom: 3px double #e7dba5;
	padding: 0 10px 10px;
}

.con_order .wrp .box_order .textarea .price {
	padding: 10px 0 2px;
}

/*----------------------------------------------------
	.con_restaurant お食事会場
----------------------------------------------------*/
.con_restaurant {
	*zoom: 1;
	width: 1280px;
	margin: 0 auto;
	margin-bottom: 50px;
}

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

@media only screen and (max-width: 1280px) {
	.con_restaurant {
		width: 100%;
	}
}

.con_restaurant .st_res h3 {
	background-image: url(http://hotel-rosablanca.com/restaurant/images/st_restaurant.png);
	margin-bottom: 20px;
}

.con_restaurant .intro {
	padding: 0px 40px 40px;
}

@media only screen and (max-width: 1024px) {
	.con_restaurant .intro {
		padding: 0px 20px 30px;
	}
}

.con_restaurant .st_bamboo {
	margin-bottom: 30px;
}

.con_restaurant .st_bamboo h4 {
	font-size: 18px;
	padding-left: 10px;
}

.con_restaurant .wrp {
	padding: 0px 40px 40px;
	overflow: hidden;
}

@media only screen and (max-width: 1024px) {
	.con_restaurant .wrp {
		padding: 0px 20px 30px;
	}
}

.con_restaurant .wrp .box_bamboo,
.con_restaurant .wrp .box_private {
	overflow: hidden;
	border-bottom: 3px double #e7dba5;
	padding-bottom: 35px;
}

.con_restaurant .wrp .box_bamboo .img,
.con_restaurant .wrp .box_private .img {
	float: left;
	width: 50%;
}

@media only screen and (max-width: 736px) {

	.con_restaurant .wrp .box_bamboo .img,
	.con_restaurant .wrp .box_private .img {
		width: 100%;
		text-align: center;
	}
}

.con_restaurant .wrp .box_bamboo .box_r,
.con_restaurant .wrp .box_private .box_r {
	float: right;
	background: url(../restaurant/images/bg_bamboo2.png) top right no-repeat;
	width: 47%;
}

@media only screen and (max-width: 736px) {

	.con_restaurant .wrp .box_bamboo .box_r,
	.con_restaurant .wrp .box_private .box_r {
		width: 100%;
		background: none;
	}
}

.con_restaurant .wrp .box_bamboo .box_r.pri,
.con_restaurant .wrp .box_private .box_r.pri {
	background: none;
}

.con_restaurant .wrp .box_bamboo .box_r .title,
.con_restaurant .wrp .box_private .box_r .title {
	width: 100%;
	text-align: left;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
	font-size: 1.6em;
	float: left;
	color: #64ad5d;
	padding: 30px 0 15px;
}

@media only screen and (max-width: 736px) {

	.con_restaurant .wrp .box_bamboo .box_r .title,
	.con_restaurant .wrp .box_private .box_r .title {
		font-size: 1.3em;
		padding: 15px 0;
	}
}

.con_restaurant .wrp .box_bamboo .box_r .title.pri,
.con_restaurant .wrp .box_private .box_r .title.pri {
	color: #312413;
	padding-top: 10px;
}

.con_restaurant .wrp .box_bamboo .box_r .txt,
.con_restaurant .wrp .box_private .box_r .txt {
	padding-bottom: 30px;
	width: 500px;
}

@media only screen and (max-width: 1280px) {

	.con_restaurant .wrp .box_bamboo .box_r .txt,
	.con_restaurant .wrp .box_private .box_r .txt {
		width: 95%;
	}
}

@media only screen and (max-width: 736px) {

	.con_restaurant .wrp .box_bamboo .box_r .txt,
	.con_restaurant .wrp .box_private .box_r .txt {
		padding-bottom: 15px;
	}
}

.con_restaurant .wrp .box_bamboo .box_r .img_r,
.con_restaurant .wrp .box_private .box_r .img_r {
	width: 500px;
}

@media only screen and (max-width: 1280px) {

	.con_restaurant .wrp .box_bamboo .box_r .img_r,
	.con_restaurant .wrp .box_private .box_r .img_r {
		width: 100%;
		text-align: center;
	}
}

.con_restaurant .wrp .box_bamboo .box_r .btn_gall a,
.con_restaurant .wrp .box_private .box_r .btn_gall a {
	width: 291px;
	background-image: url(http://hotel-rosablanca.com/restaurant/images/btn_gall.png);
}

.con_restaurant .wrp .box_bamboo .box_r .btn_gall a div,
.con_restaurant .wrp .box_private .box_r .btn_gall a div {
	padding-top: 40px;
}

.con_restaurant .wrp .box_private {
	padding-top: 20px;
	border: 0;
}

.con_restaurant .wrp .box_table {
	background: #FCF9EB;
	padding: 30px 40px;
}

@media only screen and (max-width: 736px) {
	.con_restaurant .wrp .box_table {
		padding: 0;
	}
}


/*----------------------------------------------------
	.venue 会場案内
----------------------------------------------------*/
.venue {
	width: 100%;
	margin: 20px auto 80px;
	display: flex;
	height: 250px;
}

.venue > div {
	width: 50%;
	height: 250px;
	position: relative;
	color: #fff;
}

.venue > div::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.venue > div > div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 80%;
	z-index: 2;
}

.venue .bamboo {
	background: url(http://hotel-rosablanca.com/restaurant/images/bamboo_bg.jpg) center center no-repeat;
	background-size: cover;
}

.venue .loop {
	background: url(http://hotel-rosablanca.com/restaurant/images/loop_bg.jpg) center center no-repeat;
	background-size: cover;
}

.venue .catch {
	font-size: 1.6em;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Times, serif;
	margin-bottom: 15px;
}

.venue .name {
	font-size: 1.2em;
	font-weight: bold;
}

.venue .btn {
	max-width: 200px;
	margin: 15px auto;
}

.venue .btn a {
	display: block;
	width: 100%;
	padding: 15px 0;
	color: #fff;
	text-decoration: none;
	transition: 0.5s all ease 0s;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 1px solid #fff;
}

.venue .btn a:hover {
	color: #000;
	background: #fff;
}

@media only screen and (max-width: 736px) {
	.venue {
		display: block;
		height: auto;
	}

	.venue > div {
		width: 100%;
		height: 250px;
		position: relative;
		color: #fff;
	}
}