/********** Small devices **********/

@charset "utf-8";

/* CSS Document */

/*@media handheld, screen and (max-width: 480px) {*/


	/* remove orange outline */
	textarea:focus, input:focus, select:focus{
    	outline: none;
    	/*outline: solid 1px #daa367;*/
		background-color:#faf8f2;
    	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	}

	html {
		/* remove orange outline */
    	outline: none;
    	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
		/*-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
		-webkit-user-modify: read-write-plaintext-only;*/
		/* this may cause the cursor to become text selector!!! */
		/**/
		-webkit-text-size-adjust: 100%;
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		font-size: 12px;
		font-weight: normal;
		line-height: 20px;
		color: #666666;
	}
	body {
		/* remove orange outline */
    	outline: none;
    	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
		/**/
		margin: 0px;
		padding: 0px;
		/*height: 100%;*/
		/*width: 100%;*/
		min-width: 320px;
		background-color:#000000;
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		font-size: 12px;
		font-weight: normal;
		line-height: 20px;
		color: #666666;
	}
	p {
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		font-size: 12px;
		font-weight: normal;
		line-height: 22px;
		color: #666666;
		margin:0px 0px 10px 0px;
	}
	p.intro {
		font-family: "PT Sans", sans-serif;
		font-size: 15px;
		font-weight: normal;
		line-height: 24px;
		color: #666666;
		margin:0px 0px 20px 0px;
	}
	ol {
		line-height:18px;
		margin: 0px 0px 15px 25px;
		padding: 0px 0px 0px 0px;
	}
	ul.no_dot {
		list-style:none;
		line-height:18px;
		margin: 0px 0px 15px 0px;
		padding: 0px 0px 0px 0px;
	}
	ul.content {
		line-height:18px;
		margin: 0px 0px 15px 16px;
		padding: 0px 0px 0px 0px;
	}
	ul.content li, ul.no_dot li {
		line-height:18px;
		margin: 0px 0px 8px 0px;
		padding: 0px 0px 0px 0px;
	}
	ul.p_rule {
		list-style:none;
		line-height:18px;
		margin: 0px 0px 15px 16px;
		padding: 0px 0px 0px 0px;
	}
	ul.p_rule li {
		line-height:18px;
		margin: 0px 0px 8px 0px;
		padding: 0px 0px 0px 0px;
	}
	li.dash_indent {
		text-indent:-9px;
	}
	li.blanket_indent {
		text-indent:-8px;
	}
	li.normal_indent {
		text-indent:0px;
	}


	input {
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		font-size: 12px;
		margin:0px;
		padding:0px;
	}
	input[type=text], input[type=date], input[type=password] {
		border:1px solid #cccccc;
		color: #666666;	
		/*margin: 0px 0px 5px 0px;
		padding: 2px 0px 1px 0px;*/
		height: 24px;
		line-height: 24px;
		width:95.5%!important;
		padding: 0px 2% 0px 2%;
		margin: 0px 0px 5px 0px;
	}
	textarea  {
		font-family: Verdana;
		font-size: 11px;
		border:1px solid #cccccc;
		color: #666666;	
	}
	select {
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		font-size: 12px;
		/*margin: 0px 0px 5px 0px;
		padding:0px;*/
		border:1px solid #cccccc;
		height: 26px;
		line-height: 26px;
		padding: 0px 0% 0px 0%;
		margin: 0px 0px 5px 0px;
		color: #666666;	
	}
	label {
		/*white-space:nowrap;*/
	}
	label input{
		margin-top:0px;
		margin-bottom:15px;
	}


	H1 {
		font-size:24px;
		line-height:60px;
	}
	H1 .en {
		font-size: 14px;
		line-height:50px;
	}
	.text_en {
		font-size: 11px;
		font-weight: normal;
		font-family: "PT Sans", sans-serif;
		line-height: 16px;
		color:#B1956B;
	}
	
	
	.dotted_line {
		clear:both;
		width:100%;
		height:10px;
		border-bottom: 1px dotted #cccccc;
		margin-bottom: 10px;
	}
	.dotted_line_20 {
		clear:both;
		width:100%;
		height:20px;
		border-bottom: 1px dotted #cccccc;
		margin-bottom: 20px;
	}
	
	
	.d_hide {
		display:block;
	}
	.t_hide {
		display:block;
	}
	.m_hide {
		display:none;
	}


	
	#container {
		margin: 0px;
		padding: 0px;
		position: relative;
	}

	/*#rotate_banner_back {
	}
	#rotate_banner_front {
	}*/
	
	.banner_top {
	}
	
	.bg_home_1 {
	}
	.bg_home_2 {
	}
	.bg_home_3 {
	}
	.bg_home_4 {
	}
	.bg_program {
	}
	.bg_membership {
	}
	.bg_earn {
	}
	.bg_redeem {
	}
	.bg_account {
	}
	.bg_offer {
	}


	#banner_home {
		display:none;
	}
	#banner_home p {
		display:none;
	}
	#banner_250 {
		background-color:#ffffff;
		position:relative;
		margin:0px auto;
		width: 100%;
		height: 50px;
		clear:both;
	}
	#banner_250 p {
		display:none;
	}


	.title_bar {
		background-color:#000000;
		filter:alpha(opacity=60);
		-moz-opacity: 0.60;
		opacity: 0.60;
		width: 100%;
		height: 50px;
		position:relative;
		top:0px;
		color:#FFFFFF;
		font-size:30px;
		line-height:50px;
	}
	.title_text {
		position:absolute;
		top:0px;
		left:15px;
	}
	.title_text .en {
	}
	.title_text .tier_1 {
		color:#daa367;
	}
	.title_text .tier_2 {
		color:#97b682;
	}
	.title_text .tier_3 {
		color:#a4a1c1;
	}


	.header_bg {
		/*width: 100%;*/
		/*height: 141px;*/
		/*background-color:#aaaaaa;*/
		background-repeat:no-repeat;
		background-position:0px 55px;
		background-size: 800px 5px;
	}
	.line_1 {
		background-image:url(../images_mobile/line_1.jpg);
	}
	.line_2 {
		background-image:url(../images_mobile/line_2.jpg);
	}
	.line_3 {
		background-image:url(../images_mobile/line_3.jpg);
	}
	
	
	#main_header {
		position: relative;
		margin: 0px auto;
		/*width: 100%;*/
		min-width: 320px;
		/*height: 60px;*/
	}
	.header_logo {
		/*position: absolute;
		top: 0px;
		left: 0px;*/
		width: 300px;
		height: 60px;
		background-repeat:no-repeat;
		background-size: 300px 55px;
		cursor:pointer;
	}
	.logo_1 {
		background-image:url(../images_mobile/header_logo_1.jpg);
	}
	.logo_2 {
		background-image:url(../images_mobile/header_logo_2.jpg);
	}
	.logo_3 {
		background-image:url(../images_mobile/header_logo_3.jpg);
	}


	#mobile_menu_button {
		z-index:300;
		position:absolute;
		top: 0px;
		right: 0px;
		width: 70px;
		height: 60px;
		background-image:url(../images_mobile/menu_btn.png);
		background-size: 70px 60px;
		cursor: pointer;
	}
	
	#mobile_menu {
		display:none;
		clear:both;
	}
	
	#language_panel {
		background-color:#ffffff;
		width: 100%;
		min-width: 320px;
		height:50px;
		margin:0px;
		padding:0px;
		clear:both;
	}
	#language_btn {
		display:none;
	}	
	#language_pulldown {
		min-width: 290px;
		height:35px;
		margin:0px 15px 0px 15px;
		padding:0px;
		clear:both;
	}
	#language_pulldown ul {
		float: left;
		width:100%;
		/*background-color:#eeeeee;*/
		height:40px;
		list-style:none;
		margin: 0px;
		padding: 0px;
		background-position: 0px bottom;
		background-image:url(../images_mobile/menu_line.gif);
		background-size: auto 1px;
		background-repeat:repeat-x;
	}	
	/*#language_pulldown li:first-child {
		margin:10px;
	}	*/
	#language_pulldown li {
		float: left;
		display:table-cell;
		/*background-color:#eeeeee;*/
		line-height: 40px;
		height:40px;
		width: 25%;
		text-decoration: none;
		text-align:center;
		cursor:pointer;
	}
	#language_pulldown li.select {
		color:#B1956B;
		cursor:default;
	}
	#language_pulldown li:hover {
	}
	
	
	
	
	#login_panel {
		float:left;
		background-color:#000000;
		/*position: relative;
		top: 60px;
		left: 0px;*/
		width: 100%;
		min-width: 320px;
	}	
	#login_panel ul {
		list-style:none;
		margin: 0px 15px;
		padding: 0px;
	}	
	#login_panel li {
		font-size: 18px;
		font-weight: bold;
		font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝","MS PMincho", sans-serif;
		line-height: 38px;
		color: #FFFFFF;
		text-decoration: none;
		white-space:nowrap;
		background-image:url(../images_mobile/menu_arrow.png);
		background-repeat:no-repeat;
		background-position: right center;
		background-size: 20px 24px;
	}
	#login_panel br{
		display:none;
	}
	#login_panel li div {
		cursor:pointer;
	}
	#login_panel li div.login_btn {
		height: 41px;
	}
	#login_panel li div.join_btn {
		height: 41px;
		background-position: 0px top;
		background-image:url(../images_mobile/menu_line.gif);
		background-size: auto 1px;
		background-repeat:repeat-x;
	}
	#login_panel li div.reserve_btn {
		height: 41px;
		background-position: 0px top;
		background-image:url(../images_mobile/menu_line.gif);
		background-size: auto 1px;
		background-repeat:repeat-x;
	}
	/* pulldown login button 
	#login_panel li div.reserve_btn {
		height: 31px;
		background-position: 0px top;
		background-image:url(../images_mobile/menu_line_cover.gif);
		background-size: auto 36px;
		background-repeat:repeat-x;
		cursor:default;
	}
	#login_panel li div.reserve_btn_on {
		background-position: 0px top;
		background-image:url(../images_mobile/menu_line_cover.gif);
		background-size: auto 36px;
		background-repeat:repeat-x;
		cursor:default;
	}
	*/
	

	#reserve_pulldown {
		background-image:none;
		/*display:none;*/
		width:100%;
		min-width: 290px;
		background-color:#000000;
	}
	#reserve_pulldown ul {
		float: left;
		width:100%;
		background-image:none;
		list-style:none;
		margin: 0px auto;
		padding: 0px 0px 5px 0px;
	}	
	#reserve_pulldown li {
		background-image:none;
		/*background-color:#aaaaaa;*/
		float: left;
		display:table-cell;
		/*background-color:#eeeeee;*/
		width: 50%;
		height:50px;
		text-indent: -9999px;
		text-align:center;
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		font-size: 12px;
		font-weight: normal;
		line-height:13px;
		text-decoration: none;
		cursor:pointer;
	}
	#reserve_pulldown li.reserve_jal {
		background-position: 0px top;
		background-image:url(../images_mobile/reserve_logo_jal.jpg);
		background-size: 110px 50px;
		background-repeat:no-repeat;
		background-position:center;
		cursor:pointer;
	}
	#reserve_pulldown li.reserve_okura {
		background-position: 0px top;
		background-image:url(../images_mobile/reserve_logo_okura.jpg);
		background-size: 110px 50px;
		background-repeat:no-repeat;
		background-position:center;
		cursor:pointer;
	}
	#reserve_pulldown li:hover {
		/*padding: 5px 10px 0px 10px;
		text-decoration: none;
		color: #666666;*/
	}


	#login_panel li div a {
		color: #FFFFFF;
	}
	#login_panel div#member_info {
		padding: 10px 0px 15px 15px;
	}
	#login_panel div#member_tier_1 {
		font-size: 10px;
		line-height: 18px;
		font-weight: normal;
		font-family: "PT Sans", sans-serif;
		color: #daa367;
	}
	#login_panel div#member_tier_2 {
		font-size: 10px;
		line-height: 18px;
		font-weight: normal;
		font-family: "PT Sans", sans-serif;
		color: #97b682;
	}
	#login_panel div#member_tier_3 {
		font-size: 10px;
		line-height: 18px;
		font-weight: normal;
		font-family: "PT Sans", sans-serif;
		color: #a4a1c1;
	}
	#login_panel div#member_name {
		font-size: 14px;
		color: #FFFFFF;
	}
	#login_panel div#member_name span.salutation{
		color: #cccccc;
	}
	#login_panel div#member_point_label {
		float: left;
		font-weight: bold;
		line-height: 20px;
		color: #b1956b;
		min-width: 85px;
		padding-right:10px;
		height: 16px;
	}
	#login_panel div#member_point {
		float: left;
		text-align:right;
		font-size: 14px;
		line-height: 18px;
		font-weight: normal;
		font-family: "PT Sans", sans-serif;
		color: #b1956b;
		min-width: 60px;
		padding-right: 10px;
		height: 16px;
	}
	#login_panel div#logout_btn {
		float: right;
		font-weight: bold;
		line-height: 20px;
		text-align:center;
		color: #b1956b;
		width: 95px;
		height: 16px;
		border-left: 1px solid #3b2918;
		cursor:pointer;
	}
	
	
	
	
	
	#top_menu {
		width: 100%;
		min-width: 320px;
		margin:0px;
		padding:0px;
		clear:both;
	}
	#top_menu ul {
		float: left;
		background-color:#ffffff;
		list-style:none;
		margin:0px;
		padding: 0px 15px 0px 15px;
	}
	#top_menu li {
		float: left;
		background-color:#ffffff;
		height: 40px;
		width: 48%;
		min-width: 120px;
		margin-right: 4%;
		font-size: 14px;
		font-weight: bold;
		font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝","MS PMincho", sans-serif;
		line-height: 40px;
		color:#000000;
		text-decoration: none;
		text-indent: 30px;
		background-position: 0px bottom;
		background-image:url(../images_mobile/menu_line.gif);
		background-size: auto 1px;
		background-repeat:repeat-x;
		cursor:pointer;
	}
	#top_menu li:nth-child(2n){
		width: 48%;
		margin-right: 0%;
	}
	#top_menu li div {
		height: 40px;
		background-position: 0px center;
		background-size: 24px 24px;
	}
	#top_menu li div.menu_btn_1 {
		background-image:url(../images_mobile/menu_icon_1.gif);
		background-repeat:no-repeat;
	}
	#top_menu li div.menu_btn_2 {
		background-image:url(../images_mobile/menu_icon_2.gif);
		background-repeat:no-repeat;
	}
	#top_menu li div.menu_btn_3 {
		background-image:url(../images_mobile/menu_icon_3.gif);
		background-repeat:no-repeat;
	}
	#top_menu li div.menu_btn_4 {
		background-image:url(../images_mobile/menu_icon_4.gif);
		background-repeat:no-repeat;
	}
	#top_menu li div.menu_btn_5 {
		background-image:url(../images_mobile/menu_icon_5.gif);
		background-repeat:no-repeat;
	}
	#top_menu li div.menu_btn_6 {
		background-image:url(../images_mobile/menu_icon_6.gif);
		background-repeat:no-repeat;
	}


	#location_bar {
		display:none;
	}
	#location_bar a {
		display:none;
	}
	
	#location_bar_pv10 {
		display:none;
	}
	#location_bar_pv10 a {
		display:none;
	}




	#left_menu {
		/*background-color:#cccccc;*/
		/*float:left;*/
		width: 100%;
		/*min-height:50px;*/
		margin:0px;
		/*padding-bottom:15px;*/
	}


	#submenu {
		min-height:41px;
		background-color:#f6f1e4;
		margin:0px 0px 15px 0px;
		padding:10px 15px 10px 15px;
		clear:both;
	}
	#submenu_btn_on {
		display:block;
		/*display:none;*/
		color:#000000;
		background-image:url(../images_mobile/submenu_button.gif);
		background-repeat:no-repeat;
		background-position:right;
		background-size:auto 41px;
		width: 100%;
		height: 41px;
		line-height: 43px;
		text-decoration: none;
		text-indent: 15px;
		cursor:pointer;
	}
	#submenu_btn_off {
		display:block;
		position:absolute;
		top:0px;
		background-color:#ffffff;
		filter:alpha(opacity=00);
		-moz-opacity: 0.00;
		opacity: 0.00;
		width: 100%;
		height: 40px;
		cursor:pointer;
	}
	#submenu ul {
		display:none;
		/*background-color:#cccccc;*/
		position:relative;
		top:0px;
		width: 100%;
		list-style:none;
		margin: 0px;
		/*height: 201px;*/
		padding: 0px;
		background-image:url(../images_mobile/submenu_off.gif);
		background-repeat:no-repeat;
		background-position:0px 200px;
		background-size:auto 40px;
	}
	#submenu li {
		display:block;
		position:relative;
		background-image:url(../images_mobile/submenu_off.gif);
		background-repeat:no-repeat;
		background-position:0px 0px;
		background-size:auto 40px;
		width: 100%;
		height: 40px;
		color:#666666;
		line-height: 43px;
		text-decoration: none;
		text-indent: 15px;
		cursor:pointer;
	}
	#submenu li div {
		display:block;
		width: 100%;
		height: 40px;
		cursor:pointer;
	}
	#submenu li.on {
		color:#000000;
		background-image:url(../images_mobile/submenu_on.gif);
		background-repeat:no-repeat;
		background-position:right;
		background-size:auto 40px;
	}
	#submenu li a {
		color:#666666;
		height: 40px;
	}


	#submenu_anchor {
		/*background-color:#f6f1e4;*/
		margin:0px 0px 15px 0px;
		padding:0px;
		/*padding:10px 15px 10px 15px;*/
		clear:both;
	}
	#submenu_anchor ul {
		background-color:#f6f1e4;
		/*display:none;*/
		/*background-color:#cccccc;*/
		position:relative;
		width: 100%;
		list-style:none;
		margin: 0px;
		/*height: 201px;*/
		padding: 0px;
		background-image:url(../images_mobile/submenu_off.gif);
		background-repeat:no-repeat;
		background-position:0px 200px;
		background-size:auto 40px;
	}
	#submenu_anchor li {
		display:block;
		position:relative;
		background-image:url(../images_mobile/submenu_off.gif);
		background-repeat:no-repeat;
		background-position:0px 0px;
		background-size:auto 40px;
		width: 100%;
		min-height: 40px;
		color:#666666;
		text-decoration: none;
		cursor:pointer;
	}
	#submenu_anchor li.on {
		color:#000000;
		background-image:url(../images_mobile/submenu_on.gif);
		background-repeat:no-repeat;
		background-position:right;
		background-size:auto 40px;
	}
	#submenu_anchor li div {
		display:block;
		min-height: 20px;
		padding: 10px 10px 10px 16px;
	}






	#content_frame {
		background-color:#FFFFFF;
		width: 100%;
		min-width: 320px;
		clear:both;
	}
	#content_frame_hotel {
		background-color:#FFFFFF;
		width: 100%;
		min-width: 320px;
		clear:both;
	}
	#home_content {
		padding:15px;
	}
	#page_content {
		padding:15px;
	}
	#left_column {
		/*background-color:#aaaaaa;*/
		width:100%;
		min-width:290px;
		min-height:50px;
		margin:0px 0px 30px 0px;
	}
	#left_column #welcome #card {
		text-align: center;
		margin:10px 0px 10px 0px;
	}
	.app_icon {
		margin:10px 0px 20px 0px;
	}
	.app_icon div {
		float:left;
		margin:0px 10px 5px 0px;
	}

	#mid_column {
		/*background-color:#bbbbbb;*/
		width:100%;
		min-width:290px;
		min-height:50px;
		margin:0px 0px 30px 0px;
	}
	#mid_column #news_list {
	}

	
	#mid_column #offers_list .dotted_line {
	}
	#mid_column #offers_list .offer_box{
		width:100%;
		margin: 0px 0px 20px 0px;
	}
	#mid_column #offers_list .offer_image{
		width:100%;
		background-color:#e3dac5;
		text-align: center;
		position: relative;
		top:0px;
		left: 0px;
		height:80px;
		margin: 0px 0px 12px 0px;
		color:#00366d;
	}
	#mid_column #offers_list .offer_title{
		width:100%;
		position: relative;
		top:0px;
		left: 0px;
		line-height: 18px;
		margin: 0px 0px 8px 0px;
		color:#000000;
	}
	#mid_column #offers_list .offer_content{
		width:100%;
		position: relative;
		top:0px;
		left: 0px;
		line-height: 18px;
		margin: 0px 0px 8px 0px;
		color:#666666;
	}
	
	
	#mid_column_wide {
		/*float:left;*/
		/*background-color:#aaaaaa;*/
		width: 100%;
		min-width: 290px;
		min-height:50px;
		margin:0px 0px 0px 0px;
	}


	#mid_column_wide .point_chart {
		position: relative;
		width: 100%;
	}
	#mid_column_wide .chart_info {
		border: 1px solid #cccccc;
		padding: 0px 10px 15px 10px;
		margin: 0px 0px 15px 0px;
	}
	#mid_column_wide .chart_mark .mark {
		position:relative;
		top:0px;
		background-color:#b2956d;
		width:1px;
		height:13px;
		margin: 0px 0px 6px 0px;
	}
	#mid_column_wide .chart_mark .chart_point_1 {
		float:left;
		position: relative;
		top:0px;
		left:0px;
		width:10%;
		text-align:left;
	}
	#mid_column_wide .chart_mark .chart_point_1 .mark {
		left:0px;
	}
	#mid_column_wide .chart_mark .chart_point_2 {
		float:left;
		position: relative;
		top:0px;
		left:0px;
		width:47%;
		text-align:center;
	}
	#mid_column_wide .chart_mark .chart_point_2 .mark {
		left:50%;
	}
	#mid_column_wide .chart_mark .chart_point_3 {
		float:right;
		position: relative;
		top:0px;
		right:0px;
		text-align:right;
	}
	#mid_column_wide .chart_mark .chart_point_3 .mark {
		left:100%;
	}
	#mid_column_wide .chart_mark .remark {
		position:relative;
		top:-5px;
		margin-left:2px;
	}
	#mid_column_wide .chart_point {
		margin-top:5px;
		text-align:right;
	}
	#mid_column_wide .chart_bar_bg {
		position:relative;
		top:29px;
		left:0px;
		background-color:#e8e8e8;
		height: 5px;
	}
	#mid_column_wide .chart_bar {
		float:left;
		height: 5px;
	}
	#mid_column_wide .chart_note {
		margin: 0px 0px 30px 0px;
	}
	#mid_column_wide .chart_note_tier_2 {
		display:none;
	}
	#mid_column_wide .chart_note_tier_3 {
		display:none;
	}
	#mid_column_wide .chart_note_tier_2_m {
		margin-left:15px;
		text-indent:-15px;
	}
	#mid_column_wide .chart_note_tier_3_m {
		margin-left:15px;
		text-indent:-15px;
	}
	#mid_column_wide .chart_text {
		display:table-cell;
		line-height:20px;
	}
	#mid_column_wide .chart_card {
		float:right;
		margin-left:10px;
	}


	
	
	#right_column {
		/*background-color:#cccccc;*/
		width:100%;
		min-width:290px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 15px 0px;
	}
	#contact_content {
		margin:10px 0px 0px 0px;
	}
	#phone {
		font-size:22px;
		font-weight: normal;
		font-family: "PT Sans", sans-serif;
		color:#b1956b;
		margin:0px 0px 10px 0px;
	}

	#right_column #share_btn {
		/*background-color:#dddddd;*/
		width:100%;
	}
	#right_column #share_btn div {
		float:left;
		/*margin: 0px 5px 10px 0px;*/
		cursor:pointer;
	}
	#right_column #share_btn img {
		float:left;
		margin: 0px 0px 0px 0px;
		cursor:pointer;
	}
	#right_column #share_btn div.facebook_title {
		float: none;
		text-align: center;
		font-weight: 600;
		padding-top: 5px;
	}	
	#right_column #share_btn div.facebook {
		display: flex;
		justify-content: center;
		float: none;
	}
	#right_column #share_btn div.facebook a{
		cursor:pointer;
	}		
	
	#banner_ad_right {
		width:100%;
		/*background-color:#e3dac5;*/
		text-align: center;
		margin-top:20px;
		margin-bottom:10px;
	}
	#banner_ad_right img {
		margin-bottom:5px;
	}

	#banner_ad_left {
		display:none;
	}
	#banner_ad_left img {
	}
	
	#banner_ad_bottom {
		position:relative;
		top:0px;
		width:100%;
		/*background-color:#e3dac5;*/
		text-align: center;
		margin-top:20px;
		margin-bottom:10px;
	}
	#banner_ad_bottom img {
		margin-bottom:5px;
	}


	#one_column {
		/*float:left;*/
		/*background-color:#aaaaaa;*/
		width: 100%;
		min-height:50px;
		margin:0px 0px 0px 0px;
	}


	#two_column {
		/*float:left;*/
		/*background-color:#aaaaaa;*/
		width: 100%;
		min-height:50px;
		margin:0px 0px 0px 0px;
	}
	#two_column #login_box {
		/*background-color:#eeeeee;*/
		width: 100%;
		margin:0px 0px 0px 0px;
	}
	#two_column #login_box .form_table {
		width: 100%;
		margin:0px 0px 10px 0px;
	}
	#two_column #fp_box {
		/*background-color:#eeeeee;*/
		width: 100%;
		margin:0px 0px 0px 0px;
	}
	#two_column #fp_box .form_table {
		width: 100%;
		margin:0px 0px 10px 0px;
	}
	
	
	#two_column #register_box {
		/*background-color:#eeeeee;*/
		clear:both;
		float:none;
		width: 100%;
		margin:0px 0px 0px 0px;
	}
	#two_column #register_box #welcome {
	}
	#two_column #register_box #welcome #card {
		text-align:center;
	}
	#two_column #register_box #welcome #welcome_content {
	}



	#footer {
		clear:both;
		background-color:#000000;
		width:100%;
		min-width:320px;
		min-height:90px;
		background-image:url(../images_mobile/footer_bg.jpg);
		background-repeat:repeat-x;
		background-size: 10px auto;
	}
	#footer #footer_logo {
		/*background-color:#666666;*/
		/*position: relative;
		top: 10px;
		left: 15px;*/
		width:100%;
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
		margin:0px auto;
		/*width: 320px;*/
		/*height: 110px;*/
		/*background-image:url(../images_mobile/footer_logo.png);
		background-repeat:no-repeat;
		background-size: 290px 80px;
		background-position: 15px 15px;*/
	}
	#footer #footer_link {
		text-align:center;
		margin: 0px 15px 20px 15px;
		color: #ffffff;
		position: relative;
		top: 0px;
		left: 0px;
	}
	#footer #footer_link a {
		color: #ffffff;
	}




	/* button */
	a.button {
 	   /* Sliding right image */
		background: transparent url(../images_mobile/btn_right.png) no-repeat scroll top right; 
		background-size: auto 31px;
		display: block;
		float: left;
		height: 40px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
		margin: 0px 5px 0px 0px;
		padding: 0px 30px 0px 0px;
		font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝","MS PMincho", sans-serif;
		font-size: 14px;
		color: #ffffff;
		text-decoration: none;
		white-space: nowrap;
		cursor:pointer;
	}

	a.button:link {
		font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝","MS PMincho", sans-serif;
		font-size: 14px;
		color: #ffffff;
		text-decoration: none;
		white-space: nowrap;
	}
	a.button:hover {
		font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝","MS PMincho", sans-serif;
		font-size: 14px;
		color: #ffffff;
		text-decoration: none;
		white-space: nowrap;
	}
	a.button span {
		display: block;
		/*float: left;*/
		height: 31px;
		line-height: 31px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
		padding: 0px 0px 2px 32px;
	} 

	a.button span.button_icon {
		background: transparent url(../images_mobile/btn_left.png) no-repeat; 
		background-size: auto 31px;
		padding: 0px 0px 0px 30px;
	} 


	/* page link */
	a.button_arrow {
 	   /* Sliding right image */
		background: transparent url(../images_mobile/btn_arrow.gif) no-repeat scroll 0px 4px; 
		background-size: 10px 10px;
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 12px;
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		color: #00366d;
		text-decoration: none;
		white-space: nowrap;
		cursor:pointer;
	}
	a.button_back {
 	   /* Sliding right image */
		background: transparent url(../images_mobile/btn_back.gif) no-repeat scroll 0px 4px; 
		background-size: 10px 10px;
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 12px;
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		color: #00366d;
		text-decoration: none;
		white-space: nowrap;
		cursor:pointer;
	}
	
	
	/* form */
	
	.form_label {
		font-size: 11px;
		color:#000000;
		float:left;
	}
	.form_field {
		position:relative;
		top:0px;
		left:0px;
	}
	.field_indent {
		position:relative;
		top:0px;
		left:80px;
	}



	.news_table {
		/*background-color:#dddddd;*/
		white-space:normal;
		margin:0px 0px 10px 0px;
	}
	.news_table_row {
		/*background-color:#dddddd;*/
		clear:both;
		margin:0px 0px 5px 0px;
	}
	.news_date{
		display:table-cell;
		vertical-align:top;
		white-space:normal;
		float:left;
		width: 80px;
		border:0px;
		padding: 0px 0px 0px 0px;
		margin:0px 0px 5px 0px;
	}
	.news_title{
		position:relative;
		top:0px;
		left:0px;
		display:table-cell;
		vertical-align:top;
		white-space:normal;
		color:#00366d;
		border:0px;
		padding: 0px 0px 0px 0px;
		margin:0px 0px 5px 0px;
		/*cursor:pointer;*/
	}


	.login_table {
		/*background-color:#dddddd;*/
		width:100%;
		/*float:left;*/
		margin:10px 0px 20px 0px;
	}
	.login_table_row {
		padding:0px 0px 10px 0px;
		clear:both;
		float:none;
		/*float:left;*/
	}
	.login_label {
		float:none;
		width:100%;
		line-height:16px;
		white-space:normal;
		margin-right:20px;
		margin-bottom:10px;
		color:#000000;
		/*float:left;*/
	}
	.login_field {
		float:none;
		width:100%;
		position:relative;
		top:0px;
		left:0px;
	}
	.login_field input[type=text],.login_field input[type=password] { width:100%; }
	.login_label.hide { display:none; }


	.fp_table {
		/*background-color:#dddddd;*/
		width:100%;
		/*float:left;*/
		margin:10px 0px 20px 0px;
	}
	.fp_table_row {
		padding:0px 0px 30px 0px;
		clear:both;
		float:none;
		/*float:left;*/
	}
	.fp_label {
		float:none;
		width:100%;
		line-height:16px;
		white-space:normal;
		margin-right:10px;
		margin-bottom:5px; 
		color:#000000;
		/*float:left;*/
	}
	.fp_field {
		float:none;
		width:100%;
		position:relative;
		top:0px;
		left:0px;
	}
	.premium_table {
		/*background-color:#dddddd;*/
		width:100%;
		/*float:left;*/
		margin:10px 0px 20px 0px;
	}
	.premium_table_row {
		padding:0px 0px 0px 0px;
		clear:both;
		float:none;
		/*float:left;*/
	}
	.premium_br {display:block;}
	.premium_table .fp_label { float:none; margin-bottom:10px; }
	.premium_table .fp_field { float:none; margin-bottom:10px; }
	.premium_label {
		float:none;
		width:inherit;
		line-height:16px;
		white-space:normal;
		margin-right:10px;
		margin-bottom:5px;
		color:#000000;
		/*float:left;*/
	}
	.premium_field {
		float:none;
		position:relative;
		top:0px;
		left:0px;
		margin-bottom:5px;
	}
	.premium_table label input { position:relative; top:2px;}



	.info_table {
		/*background-color:#dddddd;*/
		width:100%;
		white-space:nowrap;
		margin:0px 0px 10px 0px;
	}
	.info_table_2 {
		/*background-color:#dddddd;*/
		width:100%;
		white-space:nowrap;
		margin:0px 0px 10px 0px;
	}
	.info_table_row {
		/*background-color:#dddddd;*/
		clear:both;
		margin:0px 0px 10px 0px;
	}
	.info_label {
		/*background-color:#eeeeee;*/
		display:table-cell;
		vertical-align:top;
		white-space:normal;
		float:left;
		width:140px;
		padding: 0px 0px 0px 0px;
		margin:0px 0px 5px 0px;
	}
	.info_label_2 {
		/*background-color:#eeeeee;*/
		display:table-cell;
		vertical-align:top;
		white-space:normal;
		float:left;
		width:230px;
		padding: 0px 0px 0px 0px;
		margin:0px 0px 5px 0px;
	}
	.info_label_3 {
		/*background-color:#eeeeee;*/
		display:table-cell;
		vertical-align:top;
		white-space:normal;
		float:left;
		width:230px;
		padding: 0px 0px 0px 0px;
		margin:0px 0px 5px 0px;
	}
	.info_label_indent {
		display:table-cell;
		vertical-align:top;
		white-space:normal;
		float:left;
		width:190px;
		white-space:normal;
		padding: 0px 30px 0px 10px;
		margin:0px 0px 5px 0px;
	}
	.info_content {
		display:table-cell;
		vertical-align:top;
		white-space:normal;
		/*float:left;*/
		color:#000000;
		position:relative;
		top:0px;
		left:0px;
		padding: 0px 0px 0px 0px;
		margin:0px 0px 5px 0px;
	}
	.info_card {
		float:left;
		margin:0px 8px 0px 0px;
	}
	.info_card_text {
		float:left;
		margin:0px 8px 0px 0px;
		line-height: 18px;
	}
	.info_content_big {
		display:table-cell;
		vertical-align:top;
		white-space:normal;
		/*float:left;*/
		color:#000000;
		font-size: 14px;
		font-weight:bold;
		position:relative;
		top:0px;
		left:0px;
		padding: 0px 0px 0px 0px;
		margin:0px 0px 5px 0px;
	}


	.cp_table {
		/*background-color:#dddddd;*/
		width:100%;
		min-width:290px;
		margin:10px 0px 20px 0px;
		/*float:left;*/
	}
	.cp_table_row {
		margin-bottom:10px;
		width:100%;
		min-width:290px;
		/*float:left;*/
	}
	.cp_label {
		color:#000000;
		/*float:left;*/
	}
	.cp_field {
		width:100%;
		min-width:290px;
		position:relative;
		top:0px;
		left:0px;
	}
	.cp_note {
		font-size: 11px;
		line-height:16px;
	}


	.contact_table {
		/*background-color:#dddddd;*/
		width:100%;
		min-width:290px;
		margin:10px 0px 20px 0px;
		/*float:left;*/
	}
	.contact_table_row {
		margin-bottom:10px;
		width:100%;
		min-width:290px;
		/*float:left;*/
	}
	.contact_label {
		color:#000000;
		/*float:left;*/
	}
	.contact_field {
		width:100%;
		min-width:290px;
		position:relative;
		top:0px;
		left:0px;
	}
	.contact_note {
		font-size: 11px;
		line-height:16px;
	}


	.enrol_table {
		/*background-color:#dddddd;*/
		width:100%;
		min-width:290px;
		/*float:left;*/
		margin:10px 0px 20px 0px;
	}
	.enrol_table_row {
		/*background-color:#dddddd;*/
		margin-bottom:10px;
		width:100%;
		min-width:290px;
		/*float:left;*/
	}
	.enrol_label {
		color:#000000;
		/*float:left;*/
	}
	.enrol_field {
		white-space:normal;
		width:100%;
		min-width:290px;
		position:relative;
		top:0px;
		left:0px;
	}
	.enrol_note {
		font-size: 11px;
		line-height:16px;
	}


	.review_table {
		/*background-color:#dddddd;*/
		width:100%;
		min-width:290px;
		margin:10px 0px 20px 0px;
	}
	.review_table_row {
		/*background-color:#dddddd;*/
		clear:both;
		margin-bottom:12px;
	}
	.review_label {
		/*background-color:#eeeeee;*/
		display:table-cell;
		vertical-align:top;
		white-space:normal;
		float:left;
		width:120px;
		line-height:16px;
		white-space:normal;
		margin-right:10px;
		margin-bottom:15px;
		color:#000000;
	}
	.review_content {
		display:table-cell;
		vertical-align:top;
		white-space:normal;
		/*float:left;*/
		line-height:16px;
		position:relative;
		top:0px;
		left:0px;
	}


	.search_table {
		/*background-color:#dddddd;*/
		width:100%;
		white-space:nowrap;
	}
	.search_table_title {
		background-color:#ffffff;
		color:#774c29;
		font-size:13px;
		padding:4px 10px 5px 10px;
		margin:0px;
		border:1px solid #f6f1e4;
	}
	.search_table_padding {
		background-color:#f6f1e4;
		padding:10px;
		margin:0px 0px 15px 0px;
	}
	.search_table_row {
		/*background-color:#dddddd;*/
		clear:both;
		width:100%;
		margin-bottom:0px;
	}
	.search_label {
		/*background-color:#eeeeee;*/
		float:left;
		width:80px;
		line-height:16px;
		white-space:normal;
		margin-right:20px;
		margin-bottom:0px;
		color:#000000;
	}
	.search_field {
		/*float:left;*/
		display:table-cell;
		width:360px;
		position:relative;
		top:0px;
		left:0px;
	}



	.list_table {
		/*background-color:#dddddd;*/
		width:100%;
		margin:30px 0px 30px 0px;
	}
	.list_top_row {
		display:none;
	}
	.list_odd_row {
		background-color:#f0f0f0;
		clear:both;
	}
	.list_even_row {
		background-color:#f0f0f0;
		clear:both;
	}
	.list_space_row {
		background-color:#ffffff;
		clear:both;
		height:15px;
	}

	.list_table .list_label {
	}
	.list_table .top {
		padding-top:10px;
	}
	.list_table .bottom {
		padding-bottom:10px;
	}

	.list_row {
		float:left;
		/*background-color:#eeeeee;*/
		display:table-cell;
		line-height:16px;
		white-space:normal;
		margin-right:10px;
		margin-bottom:0px;
		clear:both;
	}
	.list_label {
		/*background-color:#eeeeee;*/
		float:left;
		display:table-cell;
		line-height:16px;
		white-space:normal;
		width:100px;
		margin-right:5px;
		margin-bottom:0px;
		padding: 3px 12px 3px 12px;
		color:#000000;
	}
	.list_content {
		display:table-cell;
		line-height:16px;
		white-space:normal;
		/*float:left;*/
		position:relative;
		margin-right:5px;
		margin-bottom:0px;
		padding: 3px 12px 3px 12px;
		top:0px;
		left:0px;
	}
	.list_page {
		width:100%;
		margin:0px 12px 0px 12px;
	}
	.list_page a {
		text-decoration:underline;
	}


	.check_box {
		/*float:left;*/
		display:table-cell;
		width:20px;
		margin-top:2px;
	}
	.check_text {
		white-space:normal;
		display:table;
		line-height:18px;
		/*float:left;*/
		position:relative;
		top:0px;
		left:0px;
	}

	
	.error_msg {
		font-size: 11px;
		line-height: 15px;
		/*border:solid 1px #d7b6a4;*/
		padding:5px 5px 5px 5px;
		background-color:#F0F0F0;
		background-image:url(../images_mobile/error_msg_icon.gif);
		background-repeat:no-repeat;
		background-position: 5px 5px;
		background-size: 20px 20px;
		margin:20px 0px 20px 0px;
	}
	.error_msg ul {
		list-style:none;
		margin:0px;
		padding:0px;
	}
	.error_msg li {
		list-style:none;
		margin:0px;
		padding-left:22px;
		padding-top:1px;
		padding-bottom:2px;
		color:#F00;
	}
	.error_label {
		color:#F00;
	}



	.sitemap_table {
		/*background-color:#dddddd;*/
		/*width:700px;*/
		white-space:nowrap;
		margin:0px 0px 10px 0px;
	}
	.sitemap_row {
		/*background-color:#dddddd;*/
		clear:both;
		margin:0px 0px 40px 0px;
	}
	.sitemap_column {
		/*background-color:#eeeeee;*/
		/*display:table-cell;*/
		vertical-align:top;
		white-space:normal;
		/*float:left;*/
		/*width:210px;*/
		padding: 0px 0px 0px 0px;
		margin:0px 0px 40px 0px;
	}
	.sitemap_column a {
		margin:8px 0px 8px 0px;
	}


	.benefit_table {
		/*background-color:#dddddd;*/
		width:100%;
		margin:10px 0px 15px 0px;
	}
	.benefit_top_row {
		/*background-color:#dddddd;*/
		clear:both;
		margin-bottom:0px;
		vertical-align:top;
	}
	.benefit_top_row_toggle {
		/*background-color:#dddddd;*/
		clear:both;
		margin-bottom:0px;
		vertical-align:top;
	}
	.benefit_odd_row {
		background-color:#f6f1e4;
		clear:both;
		margin-bottom:0px;
	}
	.benefit_even_row {
		/*background-color:#dddddd;*/
		clear:both;
		margin-bottom:0px;
	}
	.benefit_space_row {
		display:none;
	}

	.benefit_card {
		/*background-color:#eeeeee;*/
		display:table-cell;
		line-height:16px;
		white-space:normal;
		margin-right:10px;
		margin-bottom:0px;
		padding: 8px 10px 7px 10px;
		vertical-align:top;
		text-align:center;
		width:50%;
	}
	.benefit_name {
		/*background-color:#eeeeee;*/
		display:table-cell;
		line-height:16px;
		white-space:normal;
		margin-right:10px;
		margin-bottom:0px;
		padding: 0px 10px 12px 10px;
		vertical-align:top;
		text-align:center;
	}
    .benefit_second_row {
		font-weight: normal;
		font-size: 10px; 
	}	
	.benefit_name.padding {
		padding: 0 2px 2px 2px;
	}	
	.benefit_row {
		/*background-color:#eeeeee;*/
		display:table-cell;
		line-height:16px;
		white-space:normal;
		margin-right:10px;
		margin-bottom:0px;
		padding: 7px 10px 7px 10px;
		vertical-align:top;
		text-align:center;
	}
	
	.benefit_row.large-tick {
		font-size: 16px;
		font-weight: bold;		
	}
	
	.benefit_label {
		/*background-color:#eeeeee;*/
		display:table-cell;
		line-height:16px;
		white-space:normal;
		margin-right:10px;
		margin-bottom:0px;
		padding: 7px 10px 7px 10px;
		vertical-align:top;
		text-align:left;
	}
	.benefit_page {
		width:100%;
		margin:0px 10px 0px 10px;
	}
	.benefit_page a {
		text-decoration:underline;
	}

	.benefit_pulldown {
		z-index:300;
	}
	.benefit_top_row_toggle {
		display:none;
	}
	#b_1, #bb_1 {
		display:inline;
	}
	#b_2, #bb_2 {
		display:none;
	}
	#b_3, #bb_3 {
		display:none;
	}


	.benefit_pulldown_label {
		/*background-color:#eeeeee;*/
		display:table-cell;
		line-height:16px;
		white-space:normal;
		margin-right:10px;
		margin-bottom:0px;
		padding: 7px 10px 7px 10px;
		vertical-align:center;
		text-align:left;
	}
	.benefit_pulldown_text {
		/*background-color:#eeeeee;*/
		display:table-cell;
		line-height:16px;
		white-space:normal;
		margin-right:10px;
		margin-bottom:0px;
		padding: 7px 0px 12px 10px;
		vertical-align:center;
		text-align:left;
	}
	
	#tier_pulldown, #btier_pulldown,  {
		position:relative;
		/*position:absolute;
		right:0px;*/
		/*float:right;*/
	}
	
	#tier_pulldown_button, #btier_pulldown_button {
		text-align:left;
		width:120px;
		height:22px;
		font-weight:bold;
		border: solid 1px #cccccc;
		/*background-color:#ffffff;*/
		background-image:url(../images_mobile/tier_menu_button.jpg);
		background-repeat:no-repeat;
		background-position: right 1px;
		background-size: 150px 38px;
		padding: 9px 10px 8px 10px;
		cursor:pointer;
	}
	
	#tier_pulldown_list, #btier_pulldown_list {
		display:none;
		position:absolute;
		right:15px;
	}
	
	#tier_pulldown_list #t_1, #btier_pulldown_list #bt_1 {
		text-align:left;
		width:120px;
		height:22px;
		font-weight:bold;
		border-left: solid 1px #cccccc;
		border-right: solid 1px #cccccc;
		border-bottom: solid 1px #cccccc;
		background-color:#ffffff;
		padding: 9px 10px 8px 10px;
		cursor:pointer;
	}
	#tier_pulldown_list #t_2, #btier_pulldown_list #bt_2 {
		text-align:left;
		width:120px;
		height:22px;
		font-weight:bold;
		border-left: solid 1px #cccccc;
		border-right: solid 1px #cccccc;
		border-bottom: solid 1px #cccccc;
		background-color:#ffffff;
		padding: 9px 10px 8px 10px;
		cursor:pointer;
	}
	#tier_pulldown_list #t_3, #btier_pulldown_list #bt_3 {
		text-align:left;
		width:120px;
		height:22px;
		font-weight:bold;
		border-left: solid 1px #cccccc;
		border-right: solid 1px #cccccc;
		border-bottom: solid 1px #cccccc;
		background-color:#ffffff;
		padding: 9px 10px 8px 10px;
		cursor:pointer;
	}
	


	.hotel_offer {
		width:100%;
		clear:both;
		margin-bottom: 10px;
		background-color:#f6f1e4;
	}
	.hotel_offer .image {
		width:100%;
	}
	.hotel_offer .image img {
		width:100%;
	}
	
	.hotel_offer .copy {
		padding:8px 10px 10px 10px;
	}
	.hotel_offer .copy div.title {
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		font-size: 14px;
		line-height:14px;
		font-weight:bold;
		color: #754c28;
		margin: 0px 0px 5px 0px;
	}
	.hotel_offer .copy div.content {
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		font-size:18px;
		color: #a15c1e;
	}
	.hotel_offer .copy div.name {
		font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝","MS PMincho", sans-serif;
		font-size:18px;
		font-weight:bold;
		color: #754c28;
	}

	.hotel_2_columns {
		float:none;
		width:100%;
		clear:both;
		margin: 0px 0px 20px 0px;
	}
	
	.hotel_2_columns .c1, .hotel_2_columns .c2 {
		width:100%;
	}
	.hotel_2_columns .c1 {
		margin: 0px 0px 30px 0px;
	}
	.hotel_2_columns .region_header {
		padding: 6px 10px 6px 10px;
		margin-bottom: 15px;
		background-color:#f6f1e4;
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		font-size:14px;
		line-height:18px;
		font-weight:bold;
		color: #754c28;
	}
	.hotel_2_columns .h_region {
		background-image:url(../images_desktop/region_close.gif);
		background-repeat:no-repeat;
		background-position: right 2px;
		cursor:pointer;
	}
	.hotel_2_columns .h_region:hover {
		background-image:url(../images_desktop/region_close_o.gif);
		background-repeat:no-repeat;
	}
	.hotel_2_columns .h_region_open {
		background-image:url(../images_desktop/region_open.gif);
		background-repeat:no-repeat;
		background-position: right 2px;
		cursor:pointer;
	}
	.hotel_2_columns .h_region_open:hover {
		background-image:url(../images_desktop/region_open_o.gif);
		background-repeat:no-repeat;
	}
	.hotel_2_columns ul {
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 15px 0px;
		list-style:none;
		border-bottom: 1px dotted #cccccc;
	}
	.hotel_2_columns ul li {
		margin: 0px 0px 10px 12px;
	}
	.hotel_2_columns ul li.active a {
		text-decoration:none;
		cursor:default;
	}

	
	.hotel_3_columns {
		float:none;
		width:100%;
		clear:both;
		margin-bottom: 10px;
	}
	.hotel_3_columns .hotel_offer {
		position:relative;
		float:none;
		clear: both;
		width: 100%;
		min-height:150px;
		margin-bottom: 20px;
		background-color:#f6f1e4;
	}
	.hotel_3_columns .hotel_offer.c1, .hotel_3_columns .hotel_offer.c2 {
	}
	.hotel_3_columns .hotel_offer .image {
		float:left;
		width: 110px;
	}
	.hotel_3_columns .hotel_offer .copy {
		position:relative;
		top:0px;
		left:0px;
		display:table-cell;
		vertical-align:top;
		height:130px;
		padding:10px 10px 10px 10px;
	}
	.hotel_3_columns .hotel_offer .copy div.title {
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		font-size:14px;
		line-height:18px;
		font-weight:bold;
		color: #754c28;
	}
	.hotel_3_columns .hotel_offer .copy div.hotel {
		position:absolute;
		bottom:10px;
		left:auto;
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		font-size:14px;
		line-height:18px;
		color: #a15c1e;
	}
	.hotel_3_columns .hotel_offer .copy div.hotel span.points {
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		font-size:12px;
		font-weight:bold;
		color: #754c28;
	}
	.hotel_3_columns .hotel_offer img {
		width: 110px;
		height: 150px;
	}

	
	.earn_ex {
		margin-top:5px;
		width:280px;
	}
	.earn_ex div {
		background-color:#f0f0f0;
		float:left;
		width:160px;
		padding:2px 4px 2px 4px;
		border-bottom: #FFFFFF solid 1px;
		border-right: #FFFFFF solid 1px;
	}

	#earn_chart_txt {
		width:100%;
		/*float:left;*/
		margin-bottom:20px;
	}
	#earn_chart {
		font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝","MS PMincho", sans-serif;
		font-size: 11px;
		line-height:12px;
		width:100%;
		/*float:right;*/
	}
	#earn_chart td {
		width:23%;
		border-left:solid 1px #583800;
		padding: 4px 5px 4px 5px;
	}
	#earn_chart td.label {
		color:#000000;
		text-align:center;
		padding: 10px 5px 10px 5px;
	}
	#earn_chart td.startdate {
		color:#ffffff;
		background-color:#e0af65;
	}
	#earn_chart td.valid {
		color:#ffffff;
		background-color:#583800;
	}
	#earn_chart td.valid_date {
		color:#ffffff;
		background-color:#583800;
		text-align:right;
		padding-right:0px;
	}
	#earn_chart td.valid_arrow {
		background-image:url(../images/earn_arrow.gif);
		background-repeat:no-repeat;
		background-position: -85px center;
		background-color:#ffffff;
	}
	#earn_chart td.space {
		height:10px;
		padding: 0px;
	}
	#earn_chart td.right_col {
		width:8%;
		padding:0px;
	}
	
	.search_hotel_area {
		/*background-color:#eeeeee;*/
		float:left;
		width:43.5%;
		line-height:16px;
		white-space:normal;
		margin-right:3%;
		margin-bottom:0px;
		color:#000000;
	}
	.search_hotel_area.wide {
		width:100%;
	}
	.search_hotel_region.wide {
		width:100%;
	}
	.search_hotel_region {
		/*background-color:#eeeeee;*/
		float:left;
		width:53.5%;
		line-height:16px;
		white-space:normal;
		margin-right: 0px;
		margin-bottom:0px;
		color:#000000;
	}
	.search_hotel_name {
		/*float:left;*/
		/*background-color:#eeeeee;*/
		width:100%;
		display:block;
		line-height:16px;
		white-space:normal;
		margin-right:0px;
		margin-bottom:0px;
		color:#000000;
	}
	.search_premium {
		position:relative;
		margin-bottom:0px;
	}
	.search_premium input {
		position:relative;
		top:2px;
	}
	.search_remarks {
		display:inline-block;
		width:99%;
		line-height:16px;
		white-space:normal;
		margin-right:10px;
		margin-bottom:0px;
		color:#000000;
	}
	
	
	
	.legend_item {
		/*background-color:#dddddd;*/
		/*float:left;*/
		white-space:nowrap;
		clear:both;
		margin-right:20px;
		margin-bottom:10px;
	}
	.legend_item .icon {
		/*background-color:#eeeeee;*/
		white-space:nowrap;
		float:left;
		width: 16px;
		text-align:center;
		margin-left:6px;
		margin-right:5px;
		color:#000000;
	}
	.legend_item .text {
		display:table-cell;
		vertical-align:top;
		white-space:nowrap;
		/*float:left;*/
		min-width:200px;
		line-height:12px;
		position:relative;
		top:0px;
		left:0px;
	}


	.restaurant_discount {
		float:left;
		width:100%;
	}
	.restaurant_discount div.restaurant {
		width:100%;
		margin: 0px 0px 10px 0px;
	}
	.restaurant_discount div.logo {
		text-align:center;
		padding:10px;
	}
	.restaurant_discount div.discount {
		text-align:center;
		font-size: 14px;
		font-weight:bold;
		color:#754c28;
		height:20px;
		background-color:#f6f1e4;
		padding: 5px 10px 5px 10px;
	}
	


	.birthday_offer {
		width:100%;
		clear:both;
		margin-bottom: 10px;
		/*background-color:#f6f1e4;*/
	}
	.birthday_offer .image {
		width:100%;
	}
	.birthday_offer .image img {
		width:100%;
	}
	
	.birthday_offer .copy {
		/*padding:8px 10px 10px 10px;*/
		padding:15px 0px 10px 0px;
	}
	.birthday_offer .copy div.title {
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		font-size: 14px;
		line-height:18px;
		font-weight:bold;
		color: #754c28;
		margin: 0px 0px 10px 0px;
	}
	.birthday_offer .copy div.content {
	}


	.allianced_benefit {
		float:left;
		width:100%;
	}
	.allianced_benefit div.allianced {
		width:100%;
		margin: 0px 0px 10px 0px;
	}
	.allianced_benefit div.logo {
		text-align:center;
		padding:10px;
	}
	.allianced_benefit div.info {
		text-align:center;
		/*padding: 5px 10px 5px 10px;*/
	}
	
	
	
		
	.gift_offer {
		width:100%;
		clear:both;
		height:120px;
		margin-bottom: 10px;
	}
	.gift_offer .image {
		float:left;
		width:160px;
		height:120px;
		margin-bottom:10px;
	}
	.gift_offer .r_20 {
		margin-right:10px;
	}
	.gift_offer .image img {
		width:160px;
		height:120px;
	}
	



	.tc_1, .btc_1 {
		/*padding-right:10px;
		text-align:right;*/
		display:block;
	}
	.tc_2, .btc_2 {
		/*padding-right:10px;
		text-align:right;*/
		display:none;
	}
	.tc_3, .btc_3 {
		/*padding-right:10px;
		text-align:right;*/
		display:none;
	}
	.tc_combine {
		/*padding-right:10px;
		text-align:right;*/
	}


	.stayaward_table {
		display:none;
	}
	
	.stayaward_image img {
		width:100%;
	}


	.card_print {
		display:none;
	}
	.card_view {
		display:block;
	}
	
	
/* redeem search */

	.redeem_legend {
		width:100%;
		text-align:right;
	}
	.legend_item_r {
		margin-left:20px;
		margin-bottom:12px;
	}
	.legend_item_r .text {
		display:inline-block;
		height: 12px;
	}
	.legend_item_r .color_1 {
		display:inline-block;
		width: 12px;
		height: 12px;
		margin: 0px 5px 0px 10px;
		background-color:#9acc99;
	}
	.legend_item_r .color_2 {
		display:inline-block;
		width: 12px;
		height: 12px;
		margin: 0px 5px 0px 10px;
		background-color:#9999cd;
	}
	.legend_item_r .color_3 {
		display:inline-block;
		width: 12px;
		height: 12px;
		margin: 0px 5px 0px 10px;
		background-color:#cc99cc;
	}
	.legend_item_r .color_4 {
		display:inline-block;
		width: 12px;
		height: 12px;
		margin: 0px 5px 0px 10px;
		background-color:#d68888;
	}


	#redeem_table {
		/*background-color:#eeeeee;*/
		width:100%;
		clear:both;
	}
	#redeem_table_left {
		/*background-color:#eeeeee;*/
		width:30%;
		float:left;
	}
	#redeem_table_left div {
		/*background-color:#eeeeee;*/
		/*width:100%;*/
		float:none;
		vertical-align:middle;
		height:40px;
		line-height:40px;
		padding-left:10px;
		margin-bottom:5px;
		white-space:nowrap;
		cursor:default;
		clear:both;
	}
	#redeem_table_left .label {
		background-color:#f6f6f6;
	}
	#redeem_table_right {
		/*background-color:#eeeeee;*/
		width:70%;
		overflow:hidden;
		float:right;
	}
	#redeem_table_right .redeem_column {
		width:100%;
		/*height:45px;*/
		white-space:nowrap;
		clear:both;
	}
	#redeem_table_right .redeem_column div {
		line-height:40px;
		white-space:nowrap;
		/*float:left;*/
		margin-bottom:5px;
		text-align:center;
		height:40px;
		/*max-width:80px;*/
		cursor:pointer;
	}
	#redeem_table_right .redeem_column .date {
		font-weight:bold;
		cursor:default;
	}
	#redeem_table_right .redeem_column .odd {
		background-color:#cccccc;
	}
	#redeem_table_right .redeem_column .even {
		background-color:#adadad;
	}
	#redeem_table_right .redeem_column .point {
		font-weight:bold;
		text-decoration:underline;	
		color:#ffffff;
	}
	#redeem_table_right .redeem_column .color_0 {
		background-color:#e8e8e8;
		cursor:default;
	}
	#redeem_table_right .redeem_column .color_1 {
		background-color:#9acc99;
	}
	#redeem_table_right .redeem_column .color_2 {
		background-color:#9999cd;
	}
	#redeem_table_right .redeem_column .color_3 {
		background-color:#cc99cc;
	}
	#redeem_table_right .redeem_column .color_4 {
		background-color:#d68888;
	}
	#redeem_table_right .redeem_control {
		background-color:#f7f1e5;
		width:480px;
		height:30px;
		clear:both;
	}
	#redeem_table_right .redeem_control .left_arrow {
		float:left;
		background-image:url(../images_mobile/table_scroll_left.jpg);
		background-repeat:no-repeat;
		background-position: 0px 0px;
		background-size: 50px 30px;
		width:50px;
		height:30px;
		cursor:pointer;
	}
	#redeem_table_right .redeem_control .pages {
		text-align:center;
		/*background-color:#d68888;*/
		float:left;
		width:380px;
		height:30px;
	}
	#redeem_table_right .redeem_control .right_arrow {
		float:left;
		background-image:url(../images_mobile/table_scroll_right.jpg);
		background-repeat:no-repeat;
		background-position: 0px 0px;
		background-size: 50px 30px;
		width:50px;
		height:30px;
		cursor:pointer;
	}
	.total_redeem_point {
		font-weight:bold;
		font-size:14px;
	}
	

	.redeem_room {
		width:100%;
	}
	.redeem_room div {
		margin-bottom:5px;
	}
	.redeem_room div div {
		/*padding-left:10px;*/
	}
	
	.redeem_room .title {
		padding-left:10px;
		height:20px;
		font-weight:bold;
		/*background-color:#dddddd;*/
	}
	.redeem_room .row {
		background-color:#f6f6f6;
		height:20px;
		padding-left:10px;
	}
	.redeem_room .room {
		display:block;
		float:left;
		height:20px;
		width:70%;
		background-color:#f6f6f6;
	}
	.redeem_room .point{
		display:block;
		float:left;
		height:20px;
		width:30%;
		text-align:center;
		font-weight:bold;
		color:#ffffff;
	}
	.redeem_room .color_1 {
		background-color:#9acc99;
	}
	.redeem_room .color_2 {
		background-color:#9999cd;
	}
	.redeem_room .color_3 {
		background-color:#cc99cc;
	}
	.redeem_room .color_4 {
		background-color:#d68888;
	}


	.room_upgrade_link {
		padding-left:10px;
	}


	.faq_group {
		padding-bottom:5px;
	}
	.faq_question {
		background-image:url(../images_mobile/faq_close.gif);
		background-repeat:no-repeat;
		background-size:15px 15px;
		background-position:-3px 2px;
		padding-left:16px;
		cursor:pointer;
	}
	.faq_question:hover {
		background-image:url(../images_mobile/faq_close_o.gif);
		background-repeat:no-repeat;
		background-size:15px 15px;
	}
	.faq_question :hover {
		color:#00366d;
	}
	.faq_question_dn {
		background-image:url(../images_mobile/faq_open.gif);
		background-repeat:no-repeat;
		background-size:15px 15px;
		background-position:-3px 2px;
		padding-left:16px;
		cursor:pointer;
	}
	.faq_question_dn:hover {
		background-image:url(../images_mobile/faq_open_o.gif);
		background-repeat:no-repeat;
		background-size:15px 15px;
	}
	.faq_question_dn :hover {
		color:#00366d;
	}
	.faq_answer {
		display:none;
		padding-left:16px;
		padding-bottom:10px;
		cursor:auto;
	}


/* pagination */

	.pagination {
		float:left;
		margin-right:5px;
	}
	.pagination ul {
		margin:0px;
		padding:0px;
		list-style:none;
	}
	.pagination ul li {
		float:left;
		margin: 0px 5px 0px 0px;
	}
	.pagination ul li.active a {
		text-decoration:none;
		cursor:default;
	}


/* award search */

	.search_point_label {
		width:80px;
		margin:5px 0px 0px 0px;
		float:left;
		color:#000000;
	}
	.search_point_min {
		width:80px;
		margin:5px 0px 0px 0px;
		float:left;
	}
	.search_point_max {
		width:80px;
		margin:5px 0px 0px 0px;
		float:left;
	}
	.search_point_to {
		text-align:center;
		width:25px;
		margin:5px 0px 0px 0px;
		float:left;
	}

	.search_hotel_label {
		margin:8px 0px 0px 0px;
		width:100%;
		float:none;
	}
	.search_hotel_field {
		margin:5px 0px 0px 0px;
		width:100%;
		float:none;
	}
	
	.search_catagory_field {
		margin:5px 0px 0px 0px;
		width:100%;
		float:none;
	}
	
	.search_keyword_label {
		margin:8px 0px 0px 0px;
		width:100%;
		float:none;
		color:#000000;
	}
	.search_keyword_field {
		margin:5px 0px 0px 0px;
		width:100%;
		float:none;
	}
	
	.search_keyword_field_2 {
		width:100%;
		line-height:16px;
		white-space:normal;
		margin-bottom:0px;
		color:#000000;
	}
	.search_award_type {
		width:100%;
		line-height:16px;
		white-space:normal;
		margin-right:10px;
		margin-bottom:0px;
		color:#000000;
	}


	.slider_group {
		position:relative;
		height:70px;
	}
	.point_slider {
		position:absolute;
		top:35px;
		left:-8px;
		width:290px;
		height: 45px;
	}
	.point_slider .mark {
		position:relative;
		top:18px;
		left:10px;
		width: 251px;
		height: 14px;
		background: url("../images/slider_axis.gif");
	}
	.point_slider .mark .num_0 {
		position:absolute;
		left: -3px;
		top: -18px;
	}
	.point_slider .mark .num_5000 {
		position:absolute;
		left: 110px;
		top: -18px;
	}
	.point_slider .mark .num_10000 {
		position:absolute;
		left: 230px;
		top: -18px;
	}


	#slider {
		position:absolute;
		top:7px;
		left:1px;
		width:249px;
		height:50px;
	}
	#slider.ui-widget-content {
		border:0px;
		/*border: 1px solid #e0cfc2;*/
		background: #e3cea8 !important;
		-moz-border-radius: 0px !important;
		-webkit-border-radius: 0px !important;
		-khtml-border-radius: 0px !important;
		border-bottom-radius: 0px !important;
		height: 7px;
	}
	#slider .ui-slider-range {
		background: #c9ab73 !important;
	}
	#slider .ui-slider-handle {
		background: #a6751d !important;
		border: 0px;
		top: -3px;
		width: 13px;
		height: 13px;
	}

	

	.award_2_columns {
		float:none;
		width:100%;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.award_2_columns .left {
		float: none;
		width: 100%;
		margin-bottom: 20px;
		background-color:#f6f1e4;
		text-align:center;
	}
	.award_2_columns .left img {
		max-width: 240px;
	}
	.award_2_columns .left.premium {
		position:relative;
		width:178px;
		height:178px;
		background: url("../images_mobile/premium_bg.jpg");
		background-repeat:no-repeat;
		background-size:100% 100%;
		margin:8px auto 35px auto;
		padding:11px;
	}
	.award_2_columns .left.premium.only {
		background: url("../images_mobile/premium_only_bg.jpg");
		background-repeat:no-repeat;
		background-size:100% 100%;
	}
	.award_2_columns .left.premium img {
		border: 2px solid #ffffff;
		width: 174px;
		height: 174px;
	}
	.award_2_columns .left.premium .label {
		position:absolute;
		top:174px;
		left:0px;
		width:200px;
		height:40px;
		background: url("../images_mobile/premium_label.png");
		background-repeat:no-repeat;
		background-position:center 0px;
		background-size:195px auto;
		color:#ffffff;
		font-family: "PT Sans";
		font-size:11px;
		font-weight:bold;
		text-align:center;
		padding-top:12px;
	}
	.award_2_columns .left.premium.only .label {
		background: url("../images_mobile/premium_only_label.png");
		background-repeat:no-repeat;
		background-position:center 0px;
		background-size:195px auto;
	}
	
	
	
	
	.award_2_columns .right {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}


	.award_table {
		/*background-color:#dddddd;*/
		width:100%;
		margin:20px 0px 15px 0px;
	}
	.award_top_row {
		/*background-color:#dddddd;*/
		clear:both;
		margin-bottom:0px;
		vertical-align:top;
	}
	.award_odd_row {
		background-color:#f6f1e4;
		clear:both;
		margin-bottom:0px;
	}
	.award_even_row {
		/*background-color:#dddddd;*/
		clear:both;
		margin-bottom:0px;
	}
	.award_label {
		float:left;
		/*background-color:#eeeeee;*/
		display:table-cell;
		line-height:16px;
		font-weight:bold;
		white-space:normal;
		margin-right:10px;
		margin-bottom:0px;
		padding: 10px 10px 2px 10px;
		vertical-align:top;
		text-align:left;
		clear:both;
	}
	.award_text {
		float:left;
		/*background-color:#eeeeee;*/
		width:100%;
		display:table-cell;
		line-height:16px;
		white-space:normal;
		margin-right:10px;
		margin-bottom:0px;
		padding: 2px 10px 10px 10px;
		vertical-align:top;
		text-align:left;
		clear:both;
	}
	span.cross {
		text-decoration:line-through;
	}
	span.discount {
		font-weight:bold;
		color:#754c28;
	}
	span.premium {
		font-weight:bold;
		color:#c8003d;
	}
	.award_text .tier_card .card {
		float:left;
		margin-right:10px;
		text-align:center;
	}
	.award_text .tier_card .card:last-child {
		margin-right:0px;
	}
	.award_text .tier_card img {
		margin-top:4px;
		margin-bottom:6px;
		margin-left: 27px;
		margin-right: 27px;
	}




	.award_4_columns {
		float:none;
		width:100%;
		clear:both;
		margin-bottom: 10px;
	}
	.award_4_columns .award_item {
		position:relative;
		float:none;
		clear: both;
		width: 100%;
		min-height:100px;
		margin-bottom: 20px;
		background-color:#f6f1e4;
		cursor:pointer;
	}
	.award_4_columns .award_item.c1,
	.award_4_columns .award_item.c2,
	.award_4_columns .award_item.c3 {
	}
	.award_4_columns .award_item .image {
		float:left;
		width: 120px;
	}
	.award_4_columns .award_item .copy {
		position:relative;
		top:0px;
		left:0px;
		/*display:table-cell;*/
		vertical-align:top;
		width:auto;
		height:120px;
		margin:0px;
		padding:0px;
	}
	.award_4_columns .award_item .copy div.title {
		position:absolute;
		top:10px;
		left:130px;
		font-family: Verdana;
		font-size:14px;
		line-height:16px;
		color: #a15c1e;
		margin-right:10px;
	}
	.award_4_columns .award_item .copy div.points {
		position:absolute;
		bottom:10px;
		right:10px;
		font-family: Verdana;
		font-size:12px;
		font-weight:bold;
		color: #894c28;
	}
	.award_4_columns .award_item img {
		width: 120px;
		height: 120px;
	}

	
	.award_4_columns .award_item .copy div.hotel {
		position:absolute;
		bottom:10px;
		left:130px;
		font-family: Verdana;
		font-size:12px;
		line-height:16px;
		color: #a15c1e;
	}
	.award_4_columns .award_item .copy div.hotel span.points {
		font-family: Verdana;
		font-size:12px;
		font-weight:bold;
		color: #754c28;
	}


	.award_item.premium .image {
		position:relative;
		width:110px;
		height:110px;
		background: url("../images_mobile/premium_bg.jpg");
		background-repeat:no-repeat;
		background-size:100% 100%;
		margin:0px;
		padding:5px;
	}
	.award_item.premium.only .image {
		background: url("../images_mobile/premium_only_bg.jpg");
	}
	.award_item.premium .image img {
		width:108px;
		height:108px;
		border: 1px solid #ffffff;
	}
	.award_item.premium .gift_label {
		position:absolute;
		top:105px;
		left:0px;
		width:120px;
		height:40px;
		background: url("../images_mobile/gift_label.png");
		background-repeat:no-repeat;
		background-size:160px auto;
		background-position:center 0px;
		color:#ffffff;
		font-family: "PT Sans";
		font-size:14px;
		font-weight:bold;
		text-align:center;
		padding-top:8px;
	}

	.premium_legend {
		float:left;
		margin-bottom:10px;
	}
	.premium_legend .color {
		display: inline-block;
		width: 12px;
		height: 12px;
		margin: 0px 5px 0px 0px;
	}
	.premium_legend .color.only {
		background-color: #d0ba93;
	}
	.premium_legend .color.offer {
		background-color: #aeaeae;
	}
	.premium_legend .text {
		display: inline-block;
		margin: 0px 10px 0px 0px;
		height: 20px;
	}




/* cart steps */

	.redeem_step td.on {
		padding:0px 2px 0px 10px;
		background: #cfa353;
	}
	.redeem_step td.off {
		padding:0px 2px 0px 2px;
		border-top: 1px solid #e2ca9f;
		border-bottom: 1px solid #e2ca9f;
		background: #f7f2e4;
	}
	.redeem_step td.off.first {
		padding:0px 2px 0px 8px;
		border-left: 1px solid #e2ca9f;
	}
	.redeem_step td.off.last {
		padding:0px 8px 0px 2px;
		border-right: 1px solid #e2ca9f;
	}
	.redeem_step td div {
		float:left;
		font-family: "PT Sans", sans-serif;
		line-height: 28px;
	}
	.redeem_step td div.number {
		font-size:24px;
	}
	.redeem_step td div.des {
		margin-left:5px;
		font-size:15px;
	}
	.redeem_step td.off div.number {
		text-align:center;
		width:100%;
		margin:0px auto;
	}
	.redeem_step td.on div {
		color:#fff;
	}
	.redeem_step td.off div {
		color:#a0711c;
	}
	.redeem_step td.off div.des {
		display:none;
	}




	.redeem_item_table tr.title {
		color:#000000;
	}
	.redeem_item_table tr.odd {
		background:#f0f0f0;
	}
	.redeem_item_table td {
		padding: 10px 0px 10px 0px;
	}
	.redeem_item_table td.item_thumb {
		width:0px;
		padding:0px;
		margin:0px;
	}
	.redeem_item_table td.item_thumb img {
		display:none;
	}
	.redeem_item_table td.des_point {
		padding-left:5px;
		padding-right:10px;
	}
	.redeem_item_table tr.title td.des_point div.des {
		float:left;
	}
	.redeem_item_table tr.title td.des_point div.des_n {
		float:left;
	}
	.redeem_item_table tr.title td.des_point div.point {
		float:left;
	}
	.redeem_item_table td.qty {
		text-align:center;
		padding-top:10px;
	}
	.redeem_item_table td.qty input {
		text-align:center;
		width: 35px;
	}
	.redeem_item_table td.total {
		text-align:right;
		padding: 0px 10px 0px 10px;
	}
	.redeem_item_table td.delete {
		text-align:center;
		padding: 0px 0px 0px 0px;
	}
	.redeem_item_table td.delete_button {
		text-align:center;
		padding: 0px 0px 0px 0px;
		cursor:pointer;
	}
	.redeem_item_table td.delete_button:hover {
		background-color:#cccccc;
	}
	.redeem_item_table tr.grand_total {
		height:30px;
	}
	.redeem_item_table tr.grand_total td {
		padding-top:10px;
		height:20px!important;
	}
	.redeem_item_table td.grand_des {
		text-align:right;
		font-weight:bold;
	}
	.redeem_item_table tr.grand_total td.total {
		font-size: 16px;
		font-weight:bold;
		color: #a0711c;
	}
	.redeem_item_table tr.odd td.total,
	.redeem_item_table tr.even td.total {
		font-weight:bold;
	}
	
	

	.redeem_add {
		margin:20px 0px 10px 0px;
	}
	.redeem_add .address_select {
		width: 100%;
		white-space:normal;
	}
	.redeem_add .address_select div.radio {
		float:left;
		width: 20px;
		margin-top:3px;
	}
	.redeem_add .address_table {
		line-height:18px;
		display:table-cell;
		white-space:normal;
		width:250px;
		position:relative;
		top:10px;
		left:0px;
	}
	.redeem_add .address_table_row {
		clear:both;
		margin-bottom:5px;
	}
	.redeem_add .address_label {
		line-height:18px;
		white-space:normal;
		margin-bottom:2px;
	}
	.redeem_add .address_name_field {
		display:table-cell;
		white-space:normal;
		width:280px;
		position:relative;
		top:5px;
		left:0px;
	}
	.redeem_add .address_field {
		display:table-cell;
		white-space:normal;
		width:260px;
		position:relative;
		top:0px;
		left:0px;
	}
	.redeem_add .address_note {
		font-size:11px;
		line-height:16px;
	}
	.redeem_add .check_box {
		float:left;
		width: 20px;
		margin-top:3px;
	}
	.redeem_add .check_text {
	}


	
	.redeem_summary .left {
		width:100%;
		padding: 0px;
	}
	.redeem_summary .right {
		width:100%;
		padding: 0px;
	}
	.redeem_summary .redeem_add {
		margin-top:15px;
	}
	
	
	/* homepage search box */
	
	#search_box {
		padding:20px 20px 10px 20px;
		/*height:58px;*/
		background: url("../images/index_search_bg_m.jpg");
		background-repeat:repeat-x;
		background-size:10px 100%;
	}
	#search_box select {
		height:26px;
	}
	#search_box input {
		height:20px;
		padding:2px 2% 2px 2%;
		margin: 0px 0px 5px 0px;
	}
	#search_box .title {
		width:100%;
		font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝","MS PMincho", sans-serif;
		font-size: 18px;
		line-height: 20px;
		font-weight: bold;
		color: #754c28;
		margin-bottom:10px;
	}
	#search_box .title br {
		display:none;
	}
	#search_box .title span.en {
		font-family: "PT Sans", sans-serif;
		font-size: 11px;
		line-height: 18px;
		font-weight: normal;
		color: #666666;
		text-transform: uppercase;
	}
	#search_box .search_table_row {
		display:table;
	}
	#search_box .hotel {
		padding-bottom:5px;
		border-bottom:solid 1px #e5d3af;
	}
	#search_box .hotel .search_hotel_area {
		width:49%;
		margin-right:2%;
	}
	#search_box .hotel .search_hotel_region {
		width:49%;
	}
	#search_box .hotel .search_hotel_name {
		width:100%;
		padding:0px;
		margin:0px;
	}
	#search_box .date {
		padding:10px 0px 5px 0px;
		border-bottom:solid 1px #e5d3af;
	}
	#search_box .search_left {
		float:left;
		width: 49%;
		margin-right: 2%;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	#search_box .search_right {
		float:left;
		width: 49%;
		margin-right: 0%;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	#search_box .date input {
		width:94%!important;
	}
	#search_box .preference {
		padding:10px 0px 5px 0px;
		border-bottom:solid 1px #e5d3af;
	}
	#search_box .preference .search_adult {
		float:left;
		width:49%;
		margin-right:2%;
	}
	#search_box .preference .search_room {
		float:left;
		width:49%;
		margin-right:0%;
	}
	#search_box .res_button {
		float:none;
		clear:both;
		display:table;
		padding:10px 0px 5px 0px;
	}
	#search_box .search_button {
		float:left;
		padding:0px;
		padding:3px 10px 0px 0px;
	}
	#search_box .cancel_text {
		margin-right:10px;
		float:none;
	}
	#search_box a.button {
		height:35px;
	}
	#search_box .cancel_reserve {
		display:table;
		float:none;
		padding:0px 0px 5px 0px;
	}
	#search_box .cancel_reserve a {
		color:#666666;
	}
	#search_box .button_arrow {
		float:left;
		margin-right:10px;
		text-decoration:underline;
		background: transparent url(../images_mobile/btn_arrow_2.png) no-repeat scroll 0px 5px;
		background-size: 10px 10px;
	}
	#search_box .button_arrow.underline { text-decoration: underline;} 
	/* redeem_stay_search */	
	p.stay-award-title {
		margin-bottom: 6px;
		font-weight: bold;
	}
	
	ul.list-style-black-diamond {
		list-style-type: "\25C6";
		list-style-position: outside;
		line-height: 16px;
		margin: 0px 0px 6px 10px;
		padding: 0px 0px 0px 0px;		
	}
	
	ul.list-style-black-diamond span{		
		left: 6px;
		position: relative;			
	}		
	
	ul.list-style-diamond {
		list-style-type: "\2662";
		list-style-position: outside;
		line-height: 16px;
		margin: 6px 0px 0px 16px;
		padding: 0px 0px 0px 0px;
		font-weight: bold;
	}
	ul.list-style-diamond  li{
		line-height: 16px;
		margin: 0px 0px 6px 0px;
		padding: 0px 0px 0px 6px;
	}	
	ul.content.margin-reset {
		margin-bottom: 0px;
	}
	
/*}*/


.hob_anchor {
	float: none;
	width: 100%;
	clear: both;
	margin-top: 20px;
	margin-bottom: 0px;
	font-family: "PT Sans";
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}	
	
.hob_anchor .hob_group {
	/*background-color: #f6f1e4;*/
	display: inline-block;
	padding: 8px 0% 7px 0%;
	margin-bottom: 5px;
	width: 100%;
	border-bottom: 1px dotted #cccccc;
}
	
.hob_anchor .hob_group > div {
	position: relative;
	float: left;
	/*width: 48%;*/
	padding: 3px 0% 2px 0%;
	margin-right:1%;
	cursor:pointer;
}	
.hob_anchor .hob_group > div:hover {
	color:#754c28;
}	
.hob_anchor .hob_group > div:last-child {
	margin-right:0%;
}	
.hob_anchor .hob_group > div > a {
	text-decoration:none;
	padding-right:20px;
	display:inline;
	background: url("../images_mobile/faq_close.gif");
	background-position:right;
	background-repeat:no-repeat;
	background-size:15px 15px;
}	
.hob_anchor .hob_group > div:hover a {
	color:#754c28;
	background: url("../images_mobile/faq_open_o.gif");
	background-position:right;
	background-repeat:no-repeat;
	background-size:15px 15px;
}	
.hob_anchor .hob_group .hob_title {
	width:100%;
	padding:0px 0px 0px 0px;
	cursor:default;
}	
.hob_anchor .hob_group .hob_title:hover {
	color: #666666;
}	

.announcement {
	margin-bottom: -10px;
}		

.hob_subtitle {
	background: url("../images/index_search_bg.jpg");
	background-repeat: repeat-x;
	background-position:bottom;
	background-color: #f6f1e4;
	clear: both;
	margin: 0px;
	font-family: "PT Sans";
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #754c28;
	padding:10px 15px 10px 15px;
	margin-top:30px;
}

.hob_subtitle a {
	font-size: 11px;
	font-weight: normal;
}
	

/* new account summary with digital card */

#content_frame.account_summary #submenu { margin-bottom:0px; }
#content_frame.account_summary #page_content { padding:20px 0px; }#content_frame.account_summary #mid_column_wide h2 { display:none; }

.account_welcome { color:#888888; font-size:18px; line-height:23px; padding-bottom:18px; margin:0px 5%; }
.account_welcome #member_name { margin-left:10px; color:#4a4a4a; font-weight: bold; }
.account_welcome #member_name_zh { display:none; }

.account_welcome.tier_1 { border-bottom: solid 0px #daa367; }
.account_welcome.tier_2 { border-bottom: solid 0px #708e56; }
.account_welcome.tier_3 { border-bottom: solid 0px #a4a1c1; }

.account_profile { display:table; width:100%; position:relative; }

.account_profile .card_info { display:table-cell; float:left; width:90%; border-right:0px dashed #d5d5d5; padding:0px 5%; }
.account_profile .card_info .member_card { position:relative; display:inline-block; float: left; width:100%; }
.account_profile .card_info .member_card img { width:100%; height:100%;}
.account_profile .card_info .member_info { margin:18px 0px; display:inline-block; float: left; padding-right:2%; width:61.5%; border-right: 1px dashed #d5d5d5; min-height: 100px; }
.account_profile .card_info .card_balance { margin:18px 0px 0px 0px; display: inline-block; float:right; width:36%; }
.account_profile .card_info .my_voucher_link { color:#454545; font-size:12px; line-height:24px; cursor:pointer; text-decoration: none; background-repeat:no-repeat; background-image:url(../images/account_icon_voucher.svg); padding-left: 30px; background-position: left; float: left; /*margin-bottom: 18px;*/ margin-bottom: 12px;}

.account_profile .card_info .expiry_point_notice { color:#454545; font-size:12px; line-height:24px; cursor:pointer; text-decoration: none; float: left; margin-bottom: 18px; clear:both;}
.account_profile .card_info .point_extend_msg { font-size:12px; background-position: left; float: left; margin-bottom: 18px;}


.account_subtitle { clear:both; width:90%; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-size: 18px; line-height: 24px; font-weight: bold; color: #754c28; padding:11px 5% 11px 5%; background-color: #f8f5eb; margin-bottom:3px; background-repeat:no-repeat; background-image:url(../images/account_arrow_right.svg); background-position: right 4% center; }
.account_subtitle.open { background-image:url(../images/account_arrow_down.svg); }

.account_profile .card_btn { background-repeat:no-repeat; height:20px; padding:0px 0px 0px 36px; margin:10px 0px 0px 0px; display:inline-block; cursor:pointer; }
.account_profile .card_num { font-weight:bold; position:absolute; color:#ffffff; font-size:16px; top:60%; left:5%; }
.account_profile .card_num .non_mobile_num { text-decoration:none; color:#ffffff; }
.account_profile .card_btn.add_to_wallet { position:absolute; color:#ffffff; font-size:12px; top:70%; left:5%; background-image:url(../images/account_icon_wallet.svg); background-size:26px 20px; background-position: 0px center; }
.account_profile .card_btn.print_card { display:none; }
.account_profile .card_btn.mobile_view { display:none; }
.account_profile .card_qr_code { width:28%; height:auto; background-color: #ffffff; position:absolute; right:6%; top:30%; color:#ffffff; font-size:16px; padding:2%; border-radius:5%;}

.account_profile .card_info .member_card .card_qr_code canvas { width:100%!important; height:100%!important; max-width:125px!important; max-height:125px!important; }
	
.account_profile .member_info .member_tier { font-size:15px; }
.account_profile .member_info .member_tier .member_tier_label { display:none; }
.account_profile .member_info .member_tier span { display:inline; margin-right:15px; }
.account_profile .member_info .member_tier .member_tier_label { font-size:16px; font-weight:bold; }

.account_profile .member_info .member_num { display:none; }
.account_profile .member_info .member_num .member_num_label { display:none; }
.account_profile .member_info .member_joined { display:none; }
.account_profile .member_info .member_premium { font-size:15px; color:#888888; margin-top:15px; margin-bottom:5px; height:24px; }
.account_profile .member_info .member_premium .btn_premium { display:inline-block; position:relative; top:4px; height:18px; padding-right:25px; background-repeat:no-repeat; background-image:url(../images/account_icon_premium.svg); background-position: right; cursor:pointer; }
.account_profile .member_info .member_premium_hotel { font-size:15px; color:#454545; margin-bottom:0px; cursor:pointer; }
.account_profile .member_info .member_premium_hotel .btn_premium_register { display: inline-block; position: relative; top: 3px; width: 15px; height: 15px; margin-left: 5px; background-repeat: no-repeat; background-image: url(../images/account_icon_premium_register.svg); cursor: pointer; }

@media handheld, screen and (max-width:380px) {

.account_profile .member_info .member_tier { font-size:14px; }
.account_profile .member_info .member_premium { font-size:14px; }
.account_profile .member_info .member_premium_hotel { font-size:14px; }

}

.account_profile .card_balance .point_title { display:none; }
.account_profile .card_balance .point_balance { color:#454545; font-size:18px; line-height:28px;  height:40px; font-weight:bold; margin-bottom:40px; background-repeat:no-repeat; background-position:top center; background-image:url(../images/account_icon_point.svg); padding-top:41px; text-align: center; margin-left:10px;}
.account_profile .card_balance .point_balance_pt { font-size:16px; font-weight:normal; display:inline;}
.account_profile .card_balance .point_balance_pt br { height:0px;line-height:0px; }
.account_profile .card_balance .point_link { display:none; }

#point_balance_detail { display:block!important; position:static; top: 0px; left: 0px; width:100%; height:inherit; background-color: #ffffff; }

#point_balance_detail .point_table { display:none; font-size:16px; padding:10px 5% 15px 5%; }
#point_balance_detail .point_table .point_table_row { height:48px; line-height:48px; border-bottom:1px dashed #d5d5d5; }
#point_balance_detail .point_table .point_table_row_extendpoint { border-bottom:1px dashed #d5d5d5; font-size:13px; height:auto; line-height: 25px; text-align:right; opacity:0.8; }
#point_balance_detail .point_table .point_table_row:first-child { font-size:14px; }
#point_balance_detail .point_table .point_table_row:last-child { border-bottom:0px; }
#point_balance_detail .point_table .point_table_row div:first-child { float:left; }
#point_balance_detail .point_table .point_table_row div:last-child { float:right; }
#point_balance_detail .point_table .point_table_row div.point_table_number { font-weight:bold; }

.account_status { position:relative; padding: 20px 5% 25px 5%;  display:none; }
.account_status .account_msg_box { position:relative; width:100%; height:190px; padding: 0px 0px 0px 0px; background-color:#ffffff; }

.account_status .account_msg_box .tier_mark { position:absolute; width:17px; height:17px; border-radius: 50%; top:40.5%; margin-left:-8.5px; }
.account_status .account_msg_box .tier_label { position:absolute; font-size:12px; font-weight:bold; height:18px; top:27%; color:#8b8a8a; background-color:rgba(255,255,255, 1); display:inline; }
.account_status .account_msg_box .tier_desc { display:none; }
.account_status .account_msg_box .tier_bar { position:absolute; display:block; left:3%; top:44%; width:94%; height:3px; }

.account_status .account_msg_box .tier_mark.tier_1 { left:3%; background-color:rgba(163,103,8,1); }
.account_status .account_msg_box .tier_mark.tier_2 { left:50%; background-color:rgba(98,125,68,1); }
.account_status .account_msg_box .tier_mark.tier_3 { left:97%; background-color:rgba(104,110,160,1); }
.account_status .account_msg_box .tier_mark.tier_1.dim { background-color:#ceaf7d; }
.account_status .account_msg_box .tier_mark.tier_2.dim { background-color:#aeba9b; }
.account_status .account_msg_box .tier_mark.tier_3.dim { background-color:#c3c1d5; }
.account_status .account_msg_box .tier_label.tier_1 { text-align:left; }
.account_status .account_msg_box .tier_label.tier_2 { left:50%; margin-left:-22px; text-align:center; }
.account_status .account_msg_box .tier_label.tier_3 { left:inherit; right:0%; text-align:right; }

.account_status .account_msg_box .tier_bar_mask { position:absolute; right:0px; display:block; width:50%; height:3px; overflow-x: hidden; background-color:#d1d1d1; }
.account_status .account_msg_box .tier_bar_color { position:absolute; display:block; width:100%; height:3px; background-image: linear-gradient(to right, rgba(163,103,8,1), rgba(98,125,68,1), rgba(104,110,160,1)); }
.account_status .account_msg_box .tier_bar_based { position:absolute; display:block; width:100%; height:3px; background-color:#d1d1d1; }

.account_status .account_msg_box .tier_icon { text-align:center; height:25px; font-size:16px; line-height:18px; font-weight:bold; color:#525252; background-repeat:no-repeat; }
.account_status .account_msg_box .tier_icon span { font-size:13px; font-weight:normal; display:block;}
.account_status .account_msg_box .icon_points { position:absolute; width:150px; margin-left:-75px; top:-80px; padding-left:0px; background-image:none; }
.account_status .account_msg_box .icon_nights { position:absolute; width:90px; margin-left:-45px; top:48px; padding-left:0px; background-image:none; }
.account_status .account_msg_box .arrow-up { position:absolute; left:50%; margin-left:-7px; bottom:61px; width:0px; height:0px; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:9px solid #bba868; }
.account_status .account_msg_box .arrow-down { position:absolute; left:50%; margin-left:-7px; top:71px; width:0px; height:0px; border-left:7px solid transparent; border-right:7px solid transparent; border-top:8px solid #bba868; }
.account_status .account_msg_box .arrow-up-line { position:absolute; left:50%; margin-left:-1px;bottom:30px; width:2px; height:40px; background-color:#bba868; }
.account_status .account_msg_box .arrow-down-line { position:absolute; left:50%; margin-left:-1px;top:38px; width:2px; height:40px; background-color:#bba868; }	

.account_status .account_msg_box .icon_points.alignleft { margin-left:-5px; text-align:left; }
.account_status .account_msg_box .icon_points.alignleft .arrow-down { margin-left:-77px; }
.account_status .account_msg_box .icon_points.alignleft .arrow-down-line { margin-left:-71px; }
.account_status .account_msg_box .icon_nights.alignleft { margin-left:-5px; text-align:left; }
.account_status .account_msg_box .icon_nights.alignleft .arrow-up { margin-left:-47px; }
.account_status .account_msg_box .icon_nights.alignleft .arrow-up-line { margin-left:-41px; }

.account_status .account_msg_box .icon_points.alignright { margin-left:-135px; text-align:right; }
.account_status .account_msg_box .icon_points.alignright .arrow-down { margin-left:53px; }
.account_status .account_msg_box .icon_points.alignright .arrow-down-line { margin-left:59px; }
.account_status .account_msg_box .icon_nights.alignright { margin-left:-75px; text-align:right;}
.account_status .account_msg_box .icon_nights.alignright .arrow-up { margin-left:23px; }
.account_status .account_msg_box .icon_nights.alignright .arrow-up-line { margin-left:29px; }

.account_status .account_status_txt { color:#525252; font-size: 14px; font-weight: bold; margin-bottom:16px; }
.account_status .account_status_remarks { margin-bottom:16px; }
.account_status .account_status_notes { color: #b1956b; margin-top:10px;}

.account_ffp { position:relative; padding: 20px 5% 30px 5%; display:none; }
.ffp_table { display:table; font-size:12px; margin-top:5px; margin-bottom:3px; width:80%;}
.ffp_table .ffp_table_row { height:inherit; margin-bottom:22px; }
.ffp_table .ffp_table_row div:first-child { font-size:16px; font-weight:bold; float:none; width:100%; margin-bottom:5px;}
.ffp_table .ffp_table_row div:last-child { font-size:16px; float:none; width:100%; }
.account_ffp .account_msg_box { width:90% ; padding: 10px 5%; background-color: #faf8f3; border:1px dashed #d5d5d5; }
.account_ffp .account_msg_box p { font-size:16px; margin:10px 0px 20px 0px;}

.account_visa { position:relative; padding: 20px 5% 25px 5%; display:none; }
.visa_remarks { font-size:16px; margin: 0px 0px 15px 0px; }

.popup_overlay { display:none!important; background-color:rgba(0,0,0,0.5); width:100%; height:100%; position:fixed; z-index: 5500;}
.popup_frame { display:none!important; width:100%; height:100%; position:fixed; z-index: 6000;}



/* Voucher */

@font-face {
  font-family:'CentaurMT-SC'; 
  src:url('fonts/CentaurMT-SC.eot'); 
  src:url('fonts/CentaurMT-SC.eot?#iefix') format('embedded-opentype'),
       url('fonts/CentaurMT-SC.woff') format('woff'),
       url('fonts/CentaurMT-SC.ttf')  format('truetype'),
       url('fonts/CentaurMT-SC.svg') format('svg'); font-weight:normal; font-style:normal; 
}

#content_frame.my_voucher #submenu { margin-bottom:0px; }
#content_frame.my_voucher #page_content { padding:10px 5%; }
#content_frame.my_voucher #mid_column_wide h2 { display:none; }

.voucher_subtitle { clear:both; width:100%; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-size: 15px; line-height: 24px; font-weight: bold; color: #754c28; padding-top:5px; padding-bottom:16px; margin-top:0px; border-top:1px solid #d5d5d5; display:inline-block; background-repeat:no-repeat; background-image:url(../images/account_arrow_right.svg); background-position: right 3% center; }
.voucher_subtitle.no_line { clear:both; width:100%; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-size: 15px; line-height: 24px; font-weight: bold; color: #754c28; padding-top:5px; padding-bottom:16px; margin-top:0px; border-top:0px solid #d5d5d5; }
.voucher_subtitle.open { background-image:url(../images/account_arrow_down.svg); }

.voucher_subtitle span { margin-left:8px; display:inline-block; background-repeat:no-repeat; }
.voucher_subtitle .icon_room { background-image:url("../images/voucher_room.svg"); width:40px; height:26px; position: relative; top:8px; }
.voucher_subtitle .icon_birthday { background-image:url("../images/voucher_birthday.svg"); width:40px; height:29px; position: relative; top:8px; }
.voucher_subtitle .icon_history { background-image:url("../images/voucher_history.svg"); width:33px; height:29px; position: relative; top:8px; }

.voucher_section { display:none; }
.anchor { display:block; height:0px; }

.voucher_group { display:none; position:relative; display:inline-block; width:100%; margin: 0px 0px 20px 0px; }
.voucher { height:inherit; display:inline-block; width:100%; }
.voucher_status { position:absolute; width: 0px; height: 0px; border-top: 88px solid #525252; border-bottom: 88px solid transparent; border-right: 88px solid transparent; z-index: 100; }
.voucher_status span { position:absolute; top:-64px; width: 100px; left:-15px; text-align: center; font-size: 15px; font-weight:bold; color:#ffffff; transform: rotate(-45deg); display:block; }
.voucher.disable { opacity:0.6; }
.voucher_visual { position:relative; float:none; width:100%; height:125px; background-repeat: no-repeat; background-size:cover; background-position: center; }	
.voucher_visual.upgrade { background-image: url(../images/voucher_room_upgrade.jpg); background-position: 60% 50%; }
.voucher_visual.fnb { background-image: url(../images/voucher_birthday_fnb_mobile.jpg); background-position: 80% 50%; }
.voucher_visual.discount { background-image: url(../images/voucher_birthday_discount.jpg); background-position: 82% 50%; }
.voucher_visual .voucher_label { position:absolute; top:10px; right:10px; }
.voucher_info { position:relative; float:none; width:100%; height:inherit; padding:15px 5% 15px 5%; box-sizing:border-box; color:#ffffff; background-color:#bba868; text-align: center; }
.voucher_info.tier_2 { background-color:#8b9413; }
.voucher_info.tier_3 { background-color:#686395; }
.voucher_tnc { display:inline-block; width:100%; padding:15px 15px 15px 15px; box-sizing:border-box; background-color:#faf8f3; }
.voucher_title { font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝","MS PMincho", sans-serif; font-size:40px; line-height:45px; text-align: center;  }
.voucher_title > .left{ text-align: left; float: none;}
.voucher_title > .center{ text-align: center;}
.voucher_title br { /*display:none;*/ }
.voucher_title span.title_1 { font-size:20px; line-height:23px; margin:0px 0px 10px 0px; /*display:inline-block;*/ text-align: center; width: 100%;  display: block;}
.voucher_title span.title_1.birthday { font-size: 21px; line-height: 28px;}
.voucher_title span.title_2 { /*font-size:30px; line-height:40px; */ font-size:26px; line-height:34px; display: block;}
.voucher_title span.title_2.birthday { font-size:19px; line-height:22px; padding-bottom: 5px;}
.voucher_title span.title_2.center { text-align: center; width: 100%; display: block;}
.voucher_title span.title_3 {/* font-size:24px; line-height:32px; margin:0px 0px 6px 0px; display:inline-block;*/ font-size:19px; line-height:22px; display: block; padding-bottom: 5px;  }
.voucher_title span.title_3.left{ text-align: left !important; display: block; float: none; }
.voucher_title span.title_4 { font-size: 19px; line-height: 22px; display: block;}
.voucher_qty { display:table; width:auto; font-size:13px; line-height:16px; padding:10px 0px 0px 0px; margin:0px auto; }
.voucher_qty span { font-weight:bold; }

.voucher_date { display:table; width:auto; font-size:12px; line-height:15px; padding:10px 0px 0px 0px; margin:0px auto; }

.voucher_qr_code { width:33%; height:auto; background-color: #ffffff; color:#ffffff; font-size:16px; padding:2.5%; border-radius:5%; margin:15px auto; }
.voucher_qr_code img { width: 100%; height: 100%; }
div[id^="qrcode_"] > canvas{ width: 100%; };

.voucher_link_wallet { display:table; width:auto; background-repeat:no-repeat; height:20px; font-size:14px; line-height:20px; padding:0px 0px 0px 34px; cursor:pointer; background-image:url(../images/voucher_icon_wallet.svg); background-position: 0px center; margin:0px auto 10px auto; }
.voucher_link_tnc { display:table; width:auto; font-size:12px; line-height:14px; text-decoration: underline; cursor:pointer; margin:10px auto; }
.voucher_tnc { display:none; }
.voucher_tnc p { font-size:14px; line-height:20px; margin: 0px 0px 10px 0px; }
.voucher_tnc ul { margin:0px; padding:0px; }
.voucher_tnc ul li { font-size:12px; line-height:15px; margin: 0px 0px 5px 15px; padding: 0px 0px 0px 10px; }

.res_table { width:100%; border-spacing: 0; border-collapse: collapse; font-size:12px; line-height: 15px; box-sizing: border-box; margin:0px; border:1px solid #cccccc; text-align: left; }
.res_table thead > tr { background-color:#f6f1e3; min-height:25px; }

.res_table thead { display:table-row; border-bottom: 0px;}
.res_table thead tr:first-child { display:none; }
.res_table > thead > tr { width:92%; position:relative; padding:10px 4% 0px 4%; display:inline-block; border-bottom: 1px solid #C5C5C5;  }
.res_table > thead > tr > td { height:0px; }
.res_table > thead > tr > td:last-child { display:block; width:100%!important; padding:0px; height:inherit; border-bottom: 0px solid #C5C5C5; border-top: 0px solid #e7eaec; }

.res_table tbody { background-color:#ffffff; }
.res_table tbody > tr { background-color:#ffffff; min-height:45px; border-bottom:1px solid #cccccc; }
.res_table tbody > tr > td { padding: 17px 0px 17px 20px; vertical-align: top; }

.res_table tbody { display:table-row; border-bottom: 0px;}
.res_table tr { position:relative; padding:15px 4% 5px 4%; display:inline-block; border-bottom: 1px solid #C5C5C5; }
.res_table tr:last-child { border-bottom: 0px solid #C5C5C5; }
.res_table tr.redemption_thead{  padding:0px; min-height:0px; }
.res_table > tbody > tr > td { display:inherit; width:100%!important; padding:0px; height:inherit; border-bottom: 0px solid #C5C5C5; border-top: 0px solid #e7eaec; }
.res_table td span.res_label { float:left; display:block; width:40%; margin-bottom:10px; margin-right:5%; }	
.res_table td span.res_content { float:left; display:block; width:55%; margin-bottom:10px; }	

.voucher_section > .voucher_birthday_content > div.content-right{height: 309px; padding-bottom: 10px;}
.voucher_sample { background-image: url(../images/voucher_sample_mobile.png); width: 200px; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; margin: 0 auto;
  }

/* SSO styles */
#page_content.sso_page { padding: 0px 0%; }
#banner_250 { height:auto; background-color: #ffffff; }
#banner_250 .title_bar { position:absolute; height: 100%;}
#banner_250 .title_text { position:relative; left:0px; padding:10px 15px; }
#banner_250 .title_text h1 { font-size: 24px; line-height: 30px;}
#banner_250 .title_text h1 .en { font-size: 14px; line-height: 30px; } 

.sso_content { font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; width:90%; margin:5% auto; }
.sso_content p { color:#764C24; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-size:16px; line-height: 22px; margin: 0px 0px 5px 0px;}
.step_content { float:left; }
.step_content.desktop { display:none; }
.step_content.mobile { display:block; }
.steps { display:block; margin:40px 0px 20px 0px;}
.step { min-height:226px; padding:0px 0px 55px 0px; border-left:0px solid #92681A; margin-left:0px; }
.step:last-child { border-left:0px; }
.step_content .step_num { font-family: "PT Sans"; position:relative; float:left; left:0px; width:41px; height:41px; border-radius:100%; background-color:#92681A; color:#ffffff; font-weight:bold; font-size:22px; line-height: 40px; text-align: center; }
.step_content .step_num { width:41px; height:41px; border-radius:100%; background-color:#92681A; color:#ffffff; font-weight:bold; font-size:22px; line-height: 40px; text-align: center; }
.step_content .step_txt { float:left; height:inherit; width:83%; padding-left:10px;}
.step_content .step_txt .step_title { font-size:20px; line-height: 26px; font-weight:bold; padding-top:0px; }
.step_image { width:100%; float:none; height:inherit; display:inline-block; padding:0px 0px 0px 0px; filter: drop-shadow(0px 0px 6px rgba(0,0,0,0.5));}
.step_image img { width:100%; height:auto; padding-top:15px; }
.step_image img.desktop { display:none; }
.step_image img.mobile { display:block; }
#search_box .search_button { height: 35px; display:block; float:none; padding: 0px 10px 0px 0px; }
#search_box .cancel_reserve { display:block; padding: 10px 0px 0px 0px;}
#search_box .cancel_reserve a { color: #00366d; }
#search_box .cancel_text { float:none; width:100%; margin-right:0px; }
#search_box .special_rate_link { display:table; padding: 10px 0px 10px 0px; }
#search_box .special_rate_link span { cursor:default; padding: 0px 0px 0px 12px;}
#banner_ad_bottom.special_rate { background-color:#000000; margin-top:0px; margin-bottom:0px; text-align: center; }
#banner_ad_bottom.special_rate img { max-width:420px; width:100%; height:auto; margin-bottom:0px; }
#search_box .button_arrow { background: transparent url(../images_desktop/btn_arrow.gif) no-repeat scroll 0px 4px; color: #00366d; text-decoration: none; white-space:inherit; }

#search_box.search_box_redeem{ background-color: #f6f1e4 !important; background-image: none !important;	}
#search_box .preference_redeem{ border-bottom: none !important;}
.cancel_reserve.redeem{ clear: both;}


/* nav menu override */
#top_menu ul { width: 92%; padding: 0px 4% 0px 4%; }
#top_menu li { width: 48%; margin-right:4%; max-width:inherit;}
#top_menu li:nth-child(2n+2) { width: 48%; margin-right:0%; }
#top_menu li:last-child { width: 100%; margin-right:0%; }
#language_pulldown { width: 92%; padding: 0px 4% 0px 4%; margin: 0px;}



/* enrol success message */
.enrol_success_image { width:240px; margin:30px auto 0px auto; }
.enrol_success_note { text-align: center; margin-top:10px; margin-bottom:30px; }


/* index new banner */

#left_column #welcome #card { max-width:300px; height: 98px; margin: 13px auto 16px auto; }
#left_column #welcome #card a { color: #666666; text-decoration: none; } 
#left_column #welcome #card { display:block; float:none; clear:both; }
#left_column #welcome #card .icon_dmc { float:left; width: 49%; display: block; text-align: center; border-right:1px dashed #e5e5e5; }
#left_column #welcome #card .icon_dmc img { margin: 0px 0px 5px 0px; }
#welcome_content { display:table; }
#left_column #welcome #card .icon_voucher { float:left; width: 50%; display: block; text-align: center; }
#left_column #welcome #card .icon_voucher img { margin: 10px 0px 12px 0px; }
#left_column #welcome #card .highlight { font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝","MS PMincho", sans-serif; font-size: 13px; line-height: 18px; font-weight: bold; color: #754c28; }


/***** highlight box *****/
.highlight_box {
	width:100%;
	clear:both;
	margin-bottom: 10px;	
	border: 1px solid red; 
	min-height: auto; 	
}
.highlight_box .copy {		
	padding: 10px; 
	height: auto;
}
.highlight_box .copy div.title {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size: 14px;
	line-height:18px;
	font-weight:bold;
	color: #754c28;
	margin: 0px 0px 10px 0px;
}
.highlight_box .copy .highlight{
	color: red;
}
/***** END highlight box *****/


.disable_div { pointer-events: none; }

#contact_content > h4, .offer_title > h4 {
	background-color: #e4d4b0;
    color: #754c28;
    font-weight: bold;
    text-align: center;
    padding: 5px 10px;
	display: flex;
    align-items: center;
    justify-content: center;   
	min-height: 36px;
}

#contact_content > h4 {
	width: 152px;
    text-align: center;   
    display: block;
	min-height: unset;
}