@CHARSET "UTF-8";

/*------------------------------------------------------------------------------------------
	ホテル詳細
------------------------------------------------------------------------------------------*/

#topic_path_wrapper4 {
	margin-bottom: 0;
	padding-bottom: 2px;
}

#hotel_menu_wrapper,
.hotel_header {
	min-width: 1040px;
}

/*******************************
	ホテル名称周り
*******************************/
.hotel_header {
	padding: 20px 0;
	background: #316700 url(../../img/bg/main.png) repeat-x;
    color: #fff;
}
.hotel_header a {
	color: #fff;
}
.hotel_header .display_td {
	vertical-align: middle;
}
.hotel_header .display_td.col1 {
	width: 5%;
}
.hotel_header .display_td.col2 {
	width: 85%;
	padding: 0 20px;
}
.hotel_header .cols2 .display_td.col2 {
	width: 95%;
	padding: 0;
}
.hotel_header .display_td.col3 {
	width: 5%;
	white-space: nowrap;
	text-align: right;
	position: relative;
}
.hotel_header h2 {
	font-weight: bold;
	font-size: 26px;
	line-height: 32px;
}
.hotel_header h2 a {
	text-decoration: none;
}
.hotel_header h2 a:hover {
	text-decoration: underline;
}
.hotel_header .category {
	color: #fff;
	font-size: 20px;
	margin-bottom: 15px;
}
.hotel_header .category:before {
	content: "[";
}
.hotel_header .category:after {
	content: "]";
}
.hotel_header .bookmark {
	width: 292px;
}
.hotel_header .bookmark .message {
	text-align: left;
}
.hotel_header .area,
.hotel_header .address {
	margin-top: 5px;
}
.hotel_header .address,
.hotel_header .area {
	margin-top: 5px;
}


/*******************************
	メニュー
*******************************/
#hotel_menu_wrapper {
	margin-bottom: 20px;
	height: 42px;
}
.hotel_menu {
	background-color: #fff;
	border-bottom: solid 1px #ddd;
	font-size: 15px;
	position: relative;
}
.hotel_menu.fixed {
	position: fixed;
	top: 0;
	z-index: 500;
	width: 100%;
}
.hotel_menu a {
	color: #333;
	margin-right: 10px;
	text-decoration: none;
	padding: 10px 5px;
	display: inline-block;
	background-position: 3px 50%;
	background-repeat: no-repeat;
}
.hotel_menu a i {
	vertical-align: middle;
	color: #4a8f06;
}
.hotel_menu a:hover {
	color: #4a8f06;
}
.hotel_menu a.active {
	color: #4a8f06;
}
.hotel_menu .underline {
	width:0px;
	height: 1px;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #4a8f06;
}

/*******************************
	レストラン
*******************************/
.modaal-wrapper.restaurant .modaal-container {
	width: 800px;
}
.modaal-wrapper.restaurant .modaal-content-container {
	padding: 0;
}
#restaurant {
	display: none;
}
#restaurant h3 {
	color: #fff;
	padding: 0 20px;
	background-color: #336600;
	height: 65px;
	line-height: 65px;
	font-size: 18px;
	font-weight: bold;
    border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
#restaurant .body {
	padding-top: 10px;
}
#restaurant .item {
	font-size: 14px;
	padding: 20px;
}
#restaurant .item.alternative {
	background-color: #fafaf4;
}
#restaurant h4 {
	font-size: 18px;
	color: #336600;
	margin-bottom: 10px;
	padding-left: 15px;
	border-left: solid 5px #ffcc33;
}
#restaurant .summary {
	margin-bottom: 20px;
	padding-left: 10px;
}
#restaurant .business_hours {
	margin-bottom: 10px;
	padding-left: 10px;
}
#restaurant .link {
	text-align: right;
}
#restaurant .link a {
	border: solid 1px #e2e2d2;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	color: #336600;
	background-color: #fff;
}
#restaurant .link a:hover {
	color: #7ab143;
}

/*******************************
	地図
*******************************/
#map_canvas {
	width: 100%;
	height: 500px;
	margin: auto;
	margin-top: 10px;
}
#info_window {
	display: none;
}
.info_window {
	margin: 5px;
	width: 250px;
	font-family: 'メイリオ','Meiryo','MS PGothic' !important;
}
.info_window strong {
	display: block;
	font-size: 14px;
	color: #336600;
	font-weight: bold;
	margin-bottom: 5px;
}


/*******************************
	評価
*******************************/
.hotel_rate_group {
	margin-bottom: 20px;
}

.hotel_rate,
.investigator_rate {
	color: #fff;
	padding: 5px;
}
.hotel_rate {
	background-color: #4a8f06;
	position: relative;
}
.investigator_rate {
	background-color: #386e00;
}
.hotel_rate dl,
.hotel_rate dt,
.hotel_rate dd,
.investigator_rate dl,
.investigator_rate dt,
.investigator_rate dd {
	display: inline-block;
}
.hotel_rate dl.total_rate {
	float: left;
}
.hotel_rate dl.total_rate [class^="icon-star"]:before,
.investigator_rate [class^="icon-star"]:before {
	color: #FFCC33;
	font-size: 18px;
	line-height: 18px;
	vertical-align: middel;
}
.hotel_rate dl.budget {
	float: right;
}
.hotel_rate dl.budget {
	margin-left: 40px;
}
.hotel_rate dl.budget dt,
.hotel_rate dl.budget dd {
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
	line-height: 25px;
}
.hotel_rate dl.budget dd {
	background: url(../../img/bg/ribon.png) no-repeat 0 0;
	width: 165px;
	padding-left: 10px;
	margin-left: 10px;
	height: 25px;
}
.hotel_rate dl.budget dt span,
.hotel_rate dl.budget dd span {
	line-height: 20px;
	vertical-align: bottom;
}
.hotel_rate dl.total_rate dt,
.investigator_rate dl.rate dt {
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
	line-height: 25px;
	width: 170px;
}
.hotel_rate dl dt i,
.investigator_rate dl dt i {
	font-size: 20px;
	vertical-align: middle;
	color: #9dd91f;
}
.hotel_rate dl.total_rate dt span,
.investigator_rate dl.rate dt span {
	vertical-align: bottom;
}
.hotel_rate dl.total_rate dd,
.hotel_rate dl.total_rate dd img,
.investigator_rate dl.rate dd,
.investigator_rate dl.rate dd img {
	vertical-align: middle;
}
.hotel_rate dl.total_rate dd .num,
.investigator_rate dl.rate dd .num {
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	padding-left: 5px;
	vertical-align: bottom;
	color: #ffcc33;
}
.hotel_rate dl.total_rate dd .text {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	padding-left: 5px;
	vertical-align: bottom;
	color: #fff;
}
.hotel_rate dl.total_rate dd #rate_detail_trigger {
	line-height: 20px;
	vertical-align: bottom;
	color: #fff;
	margin-left: 10px;
}

dl#rate_detail {
	position: absolute;
	top: 42px;
	left: 168px;
	padding: 10px;
	background-color: #fff;
	line-height: 18px;
	color: #666;
	width: 380px;
	box-shadow: 0 0 6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5);
	display: none;
	z-index: 10;
}
dl#rate_detail:before {
	content: "";
	position: absolute;
	top: -6px; left: 50%;
	margin-left: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 9px 9px 9px;
	border-color: transparent transparent #fff transparent;
	z-index: 0;
}
dl#rate_detail:after {
	content: "";
	position: absolute;
	top: -10px; left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #fff transparent;
	z-index: -1;
}
dl#rate_detail dt,
dl#rate_detail dd {
	display: inline-block;
}
dl#rate_detail dt {
	width: 60px;
}
dl#rate_detail dd {
	font-weight: bold;
	width: 66px;
}
.investigator_rate .menu {
	float: right;
	line-height: 24px;
	text-align: right;
}
.investigator_rate .menu a {
	color: #fff;
	margin-left: 5px;
}
.investigator_rate .menu a i {
	font-size: 14px;
	color: #9dd91f;
	vertical-align: middle;
}
.subsidy {
	font-size: 14px;
	font-weight: bold;
	background-color: #8fc220;
	color: #fff;
	padding: 5px 10px;
	line-height: 25px;
}
.subsidy a {
	float: right;
	color: #306013;
	text-decoration: none;
}
.subsidy a:hover {
	text-decoration: underline;
}

/*******************************
	写真・最安値検索
*******************************/
.hotel_body {
	margin-bottom: 40px;
}
.hotel_body .hotel_body_left {
	display: table-cell;
	min-width: 240px;
	width: 20%;
	vertical-align: top;
}
.hotel_body .hotel_body_right {
	display: table-cell;
	width: 80%;
	vertical-align: top;
	padding-left: 20px;
}
.hotel_body .official_photos {
	margin-bottom: 10px;
}
.hotel_body .official_photos .canvas {
	margin-bottom: 5px;
	position: relative;
	width: 240px;
	height: 240px;
	overflow: hidden;
}
.hotel_body .official_photos img {
	vertical-align: middle;
	vertical-align: bottom¥9;
	*vertical-align: bottom;
}
.hotel_body .official_photos a.source {
	color: #fff;
	position: absolute;
	top: 6px;
	right: 6px;
	font-size: 11px;
	text-align: center;
	-box-text-shadow: 1px 1px 1px #000;
	-webkit-text-shadow: 1px 1px 1px #000;
	text-shadow: 1px 1px 1px #000;
}
.photo_gallery_frame {
	padding: 20px 0;
}
.photo_gallery_frame .header {
	margin-bottom: 20px;
	color: #333;
}
.photo_gallery_frame .header .title {
	font-size: 24px;
	font-weight: bold;
	padding-left: 44px;
	line-height: 24px;
}
.photo_gallery_frame.investigator .header .title {
	margin-bottom: 10px;
	padding-top: 20px;
	background: url(../../img/icon/investigator3.png) no-repeat 0 100%;
}
.photo_gallery_frame.official .header .title {
	padding-top: 14px;
	background: url(../../img/icon/photo2.png) no-repeat 0 100%;
}
.photo_gallery_frame .header .caption {
	font-size: 12px;
}
.hotel_body .official_photos .link,
.hotel_body .photos .link {
	display: inline-block;
	background: url(../../img/icon/camera.gif) no-repeat 0 0;
	padding-left: 32px;
	line-height: 25px;
	margin-bottom: 5px;
}
.hotel_body .ranking {
	margin-bottom: 10px;
}
.hotel_body .ranking td {
	padding-right: 10px;
	background-color: #fff;
	vertical-align: bottom;
	line-height: 24px;
	vertical-align: middle;
}
.hotel_body .ranking .medal img {
	vertical-align: middle;
}
.hotel_body .ranking .num {
	font-size: 24px;
	line-height: 100%;
	font-weight: bold;
	color: #ff6600;
	white-space: nowrap;
}

.hotel_body .budget .body {
	display: inline-block;
	width: 165px;
	padding-left: 7px;
	height: 27px;
	line-height: 27px;
	background: url(../../img/bg/ribon2.gif) no-repeat;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #fff;
}
.hotel_body .partners {
	width: 100%;
}
.hotel_body .partners .form_wrapper {
	display: table-cell;
	min-width: 400px;
	width: 70%;
	vertical-align: top;
	padding-bottom: 20px;
}
.hotel_body .partners .form_wrapper2 {
	width: 95%;
	margin: auto;
	position: relative;
}
.hotel_body .partners .link_frame {
	display: table-cell;
	min-width: 200px;
	width: 30%;
	vertical-align: top;
	padding-bottom: 20px;
}

.hotel_body .partners .link {
	padding-left: 20px;
	padding-bottom: 10px;
}
.hotel_body .partners .link a {
	color: #336600;
}
.hotel_body .partners .link .title {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
	color: #336600;
}
.hotel_body .partners .link .body {
	margin-bottom: 20px;
	padding-left: 5px;
}
.hotel_body .partners .link .body li {
	margin-bottom: 10px;
}
.hotel_body .partners .form {
	background-color: #ffcc33;
	padding: 30px 10px 10px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.hotel_body .partners .form .title {
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
}
.hotel_body .partners .form .catch {
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}
.hotel_body .partners .form .catch strong {
	font-size: 24px;
	color: #cc0000;
}
.hotel_body .partners .form .title strong {
	color: #cc0000;
}
.hotel_body .partners .form .body .view_placeholder {
	background-color: #fff;
	padding: 20px;
	position: relative;
}
.hotel_body .partners .form .body .view_placeholder .campaign {
	text-align: center;
	margin-bottom: 10px;
	font-size: 14px;
}
.hotel_body .partners .form .body .view_placeholder .campaign a {
	display: inline-block;
	text-align: left;
}
.hotel_body .partners .form .body .view_placeholder .button {
	text-align: center;
	padding: 10px;
	margin-bottom: 10px;
}
.hotel_body .partners .form .body .view_placeholder .button a {
	width: 250px;
}
.hotel_body .partners .form .body .initial_view {
	text-align: center;
}
.hotel_body .partners .form .body .initial_view span {
	display: inline-block;
	cursor: pointer;
	padding: 7px;
	background-color: #fff;
}
.hotel_body .partners .form .body .initial_view span img {
	vertical-align: bottom;
	height: 25px;
}
.hotel_body .partners .form .body .initial_view span img.partner1 {
	width: 73px;
}
.hotel_body .partners .form .body .initial_view span img.partner2 {
	width: 144px;
}
.hotel_body .partners .form .body .initial_view span img.partner3 {
	width: 87px;
}
.hotel_body .partners .form .body .initial_view span img.partner4 {
	width: 43px;
}
.hotel_body .partners .form .body .initial_view span img.partner5 {
	width: 124px;
}
.hotel_body .partners .form .body .initial_view span img.partner6 {
	width: 64px;
}
.hotel_body .partners .form .body .initial_view span img.partner7 {
	width: 34px;
}
.hotel_body .partners .form .body .initial_view span img.partner9 {
	width: 89px;
}
.hotel_body .partners .form .body .initial_view span img.partner10 {
	width: 155px;
}
.hotel_body .partners .form .body .initial_view span img.partner13 {
	width: 129px;
}
.hotel_body .partners .form .body .initial_view span img.partner14 {
	width: 107px;
}

#simple_search_form {
	margin: auto;
	margin-bottom: 60px;
}
#plan_search_form {
	position: relative;
}
#plan_search_form .reset {
	position: absolute;
	left: 0;
	top: 55px;
	font-size: 14px;
}
#plan_search_form .reset:before,
#plan_search_form .reset:after {
	background: #403424;
}
#plan_search_form .reset:before {
	transform: rotate(135deg);
}
#plan_search_form .reset:after {
	transform: rotate(45deg);
}

#plan_search_form .reset:hover {
	text-decoration: underline;
}

#detailed_search_trigger {
	position: absolute;
	right: 0;
	top: 55px;
	width: 120px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}
#detailed_search_form_modaal {
	display: none;
}
#plan_search_form .condition_view {
	margin-top: 0 !important;
}
#plan_search_form .condition_view .item {
	margin-top: 0 !important;
	margin-bottom: 10px;
	border: solid 1px #333;
}
.hotel_body .partners .form .lowest_charges .init.loading {
	display: block;
	background-image: url(../../img/icon/loading_32.gif) !important;
}
.hotel_body .partners .form .lowest_charges .item {
	width: 100%;
	text-decoration: none;
}
.hotel_body .partners .form .lowest_charges .item.style1 {
	box-sizing: border-box;
	border: solid 1px #e2e2d2;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
	background-color: #fff;
	margin-bottom: 5px;
	height: 64px;
}
.hotel_body .partners .form .lowest_charges .items.style2 {
	display: block;
	padding: 0 1px;
	margin-top: 10px;
}
.hotel_body .partners .form .lowest_charges .item.style2 {
	color: #666;
}
.hotel_body .partners .form .lowest_charges .item.style1.first,
.hotel_body .partners .form .lowest_charges .item.style1:hover {
	border: solid 1px #ffcc33;
}
.hotel_body .partners .form .lowest_charges .item.style1 .logo,
.hotel_body .partners .form .lowest_charges .item.style1 .description,
.hotel_body .partners .form .lowest_charges .item.style1 .goto {
	display: table-cell;
	padding: 10px;
	vertical-align: middle;
}
.hotel_body .partners .form .lowest_charges .item.style2 .name,
.hotel_body .partners .form .lowest_charges .item.style2 .description,
.hotel_body .partners .form .lowest_charges .item.style2 .goto {
	display: table-cell;
	padding: 0 10px;
}
.hotel_body .partners .form .lowest_charges .item.style1 .logo,
.hotel_body .partners .form .lowest_charges .item.style2 .name {
	width: 110px;
}
.hotel_body .partners .form .lowest_charges .item .goto {
	width: 110px;
	text-align: center;
	color: #999;
}
.hotel_body .partners .form .lowest_charges .item.style1.first .goto.style1 {
	color: #333;
	background-color: #ffcc33;
	font-weight: bold;
	border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
.hotel_body .partners .form .lowest_charges .item .description {
	text-align: center;
	width: 80%;
	white-space: nowrap;
}
.hotel_body .partners .form .lowest_charges .item.style1 .logo img {
	vertical-align: bottom;
}
.hotel_body .partners .form .lowest_charges .item.style1 .description.found {
	font-size: 18px;
	font-weight: bold;
}
.hotel_body .partners .form .lowest_charges .item.style1 .description.found {
	color: #cc0000;
}
.hotel_body .partners .form .lowest_charges .item.style1 .description.not_found {
	color: #999;
}
.hotel_body .partners .form .lowest_charges .item.style2 .name,
.hotel_body .partners .form .lowest_charges .item.style2 .description {
	line-height: 24px;
	height: 24px;
}
.hotel_body .partners .form .lowest_charges .item.style2 .name {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-weight: bold;
}
.hotel_body .partners .form .lowest_charges .item.style1 .description.found .note {
	display: block;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
}
.hotel_body .partners .form .lowest_charges .item.style2 .description.not_found {
	color: #999;
}
.hotel_body .partners .form .lowest_charges .item.style2:hover .name,
.hotel_body .partners .form .lowest_charges .item.style2:hover .description,
.hotel_body .partners .form .lowest_charges .item.style2:hover .goto {
	text-decoration: underline;
}
.hotel_body .partners .form .annotation {
	line-height: 1.8;
	color: #cc0000;
	margin-bottom: 20px;
	display: none;
}
.hotel_body .partners .form .tips {
	line-height: 1.8;
	color: #cc0000;
	margin-bottom: 20px;
	font-size: 16px;
}
.hotel_body .partners .form .tips .common_links {
	font-size: 12px;
	line-height: 1.5;
	margin-top: 10px;
}
.hotel_body .partners .form .tips .common_links a {
	border: 0;
	background: #fc3;
}
.hotel_body .partners .form .affiliate_tag {
	display: none;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}
.hotel_body .partners .form .goto_plans {
	text-align: center;
	margin-top: 20px;
	display: none;
}

/*******************************
	メインコンテンツ
*******************************/
.main_contents {
	margin-bottom: 100px;
}
.plans_wrapper .plans_header {
	margin-bottom: 30px;
}
.plans_wrapper .header_description {
	color: #cc0000;
	font-size: 16px;
	max-width: 900px;
	margin: auto;
	padding: 20px 0;
}

.plans_wrapper .condition_view {
	max-width: 900px;
	margin: auto;
}

.detailed_search_trigger2_wrapper {
	display: block;
	text-align: center;
	margin: 30px 0 20px 0;
}
#detailed_search_trigger2 {
	display: inline-block;
	font-size: 18px;
	padding: 10px;
	color: #4a8f06;
    text-decoration: none;
	position: relative;
}
#detailed_search_trigger2:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #4a8f06;
	content: "";
	box-sizing: border-box;
}
#detailed_search_trigger2:hover {
	opacity: 0.5;
}
#detailed_search_trigger2 span {
	margin: 0 10px;
	font-weight: bold;
}

/*******************************
	口コミグラフ
*******************************/
.statistics {
	padding: 20px 40px;
}
.statistics .rate,
.statistics .purpose {
	display: table-cell;
	width: 50%;
	vertical-align: top;
	position: relative;
}
.statistics .title {
	font-size: 16px;
	font-weight: bold;
	padding-left: 30px;
	margin-bottom: 10px;
}
.statistics .rate .title {
	background: url(../../img/icon/rate.png) no-repeat 0 50%;
}
.statistics .purpose .title {
	background: url(../../img/icon/purpose.png) no-repeat 0 50%;
}
.statistics .body .td1,
.statistics .body .td2,
.statistics .body .td3 {
	display: table-cell;
	padding: 3px 0;
	vertical-align: middle;
}
.statistics .body .td1 {
	width: 90px;
	white-space: nowrap;
}
.statistics .body .td2 {
	width: 90%;
}
.statistics .body .td3 {
	width: 40px;
	white-space: nowrap;
}
.statistics .body.active {
	color: #999;
}
.statistics .body.active strong,
.statistics .body.active strong {
	color: #333;
}
.statistics .body .graph {
	display: block;
	background-color: #ccc;
	height: 10px;
	margin-right: 5px;
}
.statistics .body .graph .value {
	height: 10px;
	background-color: #ffcc33;
}
.statistics .body.active .graph.semitransparent {
	background-color: #e3e3e3;
}
.statistics .body.active .graph.semitransparent .value {
	background-color: #fce396;
}

.statistics .kuchikomi_condition_label {
	position: absolute;
	top: 0px;
	right: 0px;
	display: inline-block;
	padding: 5px 5px 5px 10px;
	background-color: #f8b62b;
	margin-right: 10px;
	color: #fff;
}
.statistics .kuchikomi_condition_label a.close {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	margin-left: 5px;
	width: 15px;
	line-height: 15px;
	padding: 2px;
	text-align: center;
}
.statistics .kuchikomi_condition_label a.close:hover {
	font-weight: bold;
}
.statistics .kuchikomi_condition_label:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #f8b62b;
	border-width: 8px;
	left: 50%;
	margin-left: -8px;
}

/*******************************
	口コミ投稿ボタン
*******************************/
.default_hotel .write_kuchikomi {
	text-align: center;
	margin: 20px;
}
.default_hotel .write_kuchikomi .button {
	margin-bottom: 10px;
}
.default_hotel .write_kuchikomi .button a {
	width: 300px;
	font-size: 18px;
}


/*******************************
	本コンテンツ
*******************************/
.main_contents_inner {
	background-color: #fff;
	border: solid 1px #ddd;
	padding-bottom: 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.main_contents_inner.investigator {
	background-color: #f9ffed;
}
/*******************************
	調査員の口コミを絞り込み
*******************************/
.main_contents .investigator_condition {
	padding: 20px 10px;
	text-align: center;
	font-size: 14px;
	background-color: #f9ffed;
	color: #316700;
	font-weight: bold;
	border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

.main_contents .investigator_condition a.active {
	color: #ccc;
	text-decoration: none;
}

/*******************************
	ページャー
*******************************/
.main_contents .common_pager {
	padding-left: 20px;
	padding-right: 20px;
}

/*******************************
	表示切替ボタン
*******************************/
.common_button style2.order a,
.common_button style2.order a {
	width: 180px;
}

/*******************************
	口コミ
*******************************/
.kuchikomis .kuchikomi_item_wrapper {
	border-top: solid 1px #ddd;
}
.kuchikomi .kuchikomi_item_wrapper.investigator {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#kuchikomi .common_text.style1 {
	padding: 60px 0 40px 0;
}

/*******************************
	宿泊プラン・予約
*******************************/
#plans_placeholder .reload {
	text-align: center;
	height: 200px;
	line-height: 200px;
	font-size: 16px;
	font-weight: bold;
}

#plan .main_contents_inner {
	padding: 20px;
}
#plan .main_contents_inner .place1 .display_td {
	vertical-align: top;
}
#plan .main_contents_inner .place1 .display_td.right {
	width: 15%;
	padding-left: 20px;
}
#plan .main_contents_inner .package_plan .inner {
	border: solid 1px #e6e3d5;
	background-color: #f7f6ee;
	padding: 10px 20px;
}
#plan .main_contents_inner .package_plan .inner .title {
	color: #604c25;
	border-bottom: solid 1px #e6e3d5;
	padding: 10px 0 20px 0;
	margin-bottom: 20px;
}
#plan .main_contents_inner .package_plan .inner .body {
	text-align: center;
}
#plan .main_contents_inner .package_plan .inner .body a {
	margin-bottom: 10px;
	display: block;
}
#detailed_search_form {
	margin-bottom: 10px;
}
#plan .plans .charge .left {
	padding-right: 10px;
}
.plans tr td.charge .display_td {
	vertical-align: middle;
}
@media screen and (min-width:960px) {

	#plan .plans {
		padding: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#plan .plans th,
	#plan .plans td {
		font-size: 14px;
		padding: 10px;
	}
	#plan .plans .charge .total {
		font-size: 18px;
	}
	#plan .plans .charge .left {
		padding-right: 20px;
	}
}
#plan .plans .charge .left .settlement_method {
	width: 100px;
	white-space: nowrap;
}
#plan .common_text.style1 {
	padding: 20px;
}
.plans th {
	border-top: solid 1px #ddd;
}
.plans table {
	border-bottom: solid 1px #ddd;
}
#plans_placeholder .common_text {
	margin: 100px 0;
}

/*******************************
	写真スライダー
*******************************/
.photo_slider,
.photo_slider ul#photo_slider,
.photo_slider a {
}
.photo_slider {
	padding: 20px 0;
}
.photo_slider a {
	display: block;
	padding: 2px;
}
.photo_slider,
.photo_slider img {
	height: 200px;
}
.photo_slider ul#photo_slider {
	left: 0;
	position: absolute;
	width: 100%;
	min-width: 1040px;
}
.photo_slider .slick-arrow,
.photo_slider .slick-arrow:before {
	width: 24px;
	height: 37px;
}
.photo_slider .slick-arrow {
	position: absolute;
	z-index: 2;
}
.photo_slider .slick-prev {
	left: 10px;
}
.photo_slider .slick-next {
	right: 10px;
}
.photo_slider .slick-arrow:before {
	content: "";
	display: block;
	height: 37px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 24px 37px;
}
.photo_slider .slick-prev:before {
	background-image: url(../../img/icon/prev.png);
}
.photo_slider .slick-next:before {
	background-image: url(../../img/icon/next.png);
}
/*******************************
	ポップアップログインフォーム
*******************************/
.popup_login h3 {
	font-weight: bold;
	font-size: 24px;
	color: #3e641a;
	margin-top: 10px;
	margin-bottom: 30px;
	padding-left: 30px;
	height: 25px;
	line-height: 25px;
}
/*******************************
	施設情報
*******************************/
.information_contents h3 {
	font-weight: bold;
	font-size: 24px;
	color: #3e641a;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
	padding-left: 30px;
	height: 25px;
	line-height: 25px;
}
.information_contents dl {
	display: table;
	width: 100%;
	border-bottom: solid 1px #ddd;
}
.information_contents dl.top {
	border-top: solid 1px #ddd;
}
.information_contents dl dt {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	display: table-cell;
	width: 20%;
	padding: 20px;
	text-align: right;
	vertical-align: middle;
}
.information_contents dl dd {
	font-size: 14px;
	display: table-cell;
	width: 80%;
	padding: 20px;
}
.information_contents dl dd .item.style1 {
	display: block;
	float: left;
	width: 25%;
	box-sizing: border-box;
	vertical-align: top;
	padding: 7px 0;
	padding-left: 1.1em;
	text-indent: -1.1em;
}
.information_contents dl dd .item.style1 .nothing {
	color: #ccc;
}
.information_contents dl dd .item.style2 {
	white-space: nowrap;
	line-height: 2.0;
}
.information_contents dl dd .item.style2:after {
	content: "／";
	margin: 0 5px;
}
.information_contents dl dd .item.style2:last-child:after {
	content: "";
	margin: 0;
}
.information_contents .source {
	margin-top: 20px;
	padding: 10px 0;
	text-align: right;
	font-size: 14px;
}
.information_contents .source a {
	margin-left: 10px;
	color: #333;
}
.information_description {
	margin-top: 50px;
	padding: 20px;
}
.information_description h4 {
	font-weight: bold;
	font-size: 18px;
	color: #336600;
	background: url(../../img/icon/information_description.png) no-repeat 0 0;
	padding-left: 40px;
	line-height: 30px;
	margin-bottom: 20px;
}
.information_description p {
	font-size: 16px;
	line-height: 2.0;
}

/*******************************
	検索結果
*******************************/
.plans table {
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
}
.plans th {
	background-color: #f0f0f0;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}
.plans td {
	padding: 5px;
	border-top: solid 1px #ddd;
}
.plans td.partner {
	width: 12%;
}
.plans td.plan_title {
	width: 45%;
}
.plans td.plan_title a {
	text-decoration: none;
}
.plans td.plan_title a:hover {
	text-decoration: underline;
}
.plans td.room {
	width: 20%;
}
.plans td.room .icon-no_smoking,
.plans td.room .icon-smoking {

}
.plans td.room .icon-no_smoking {
	color: #cc0000;
}
.plans td.room .icon-smoking {
	color: #54a500;
}

.plans td.meal {
	width: 10%;
	text-align: center;
}
.plans td.charge {
	width: 13%;
	text-align: right;
	white-space: nowrap;
	height: 70px;
}
.plans td.charge .total {
	font-weight: bold;
	color: #cc0000;
	font-size: 16px;
	line-height: 2.5;
}
.plans tr.repeat td.charge .total {
	font-weight: normal;
	line-height: 1.8;
	padding-top: 15px;
}
.plans tr.repeat td {
	position: relative;
}
.plans tr.repeat td.charge .repeat {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #eeeeee;
	color: #999;
	font-size: 11px;
	padding: 2px 8px;
}
.plans td.charge .detail {
	font-size: 11px;
	margin-bottom: 5px;
	line-height: 20px;
}
.plans td.charge .detail a {
	background-color: #fafafa;
	border: solid 1px #ddd;
	text-align: center;
	width: 30px;
	color: #333;
	margin-left: 2px;
	display: inline-block;
	text-decoration: none;
}
.plans td.charge .detail .balloon {
	display: none;
}
.plans td.charge .settlement_method {
	font-size: 11px;
	background-color: #fafafa;
	border: solid 1px #ddd;
	padding: 2px;
	text-align: center;
}

/*******************************
	周辺のホテル
*******************************/
.near_hotels {
	margin-bottom: 50px;
}

.near_hotels h3 {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 20px;
	background: url(../../img/icon/compass.png?2) no-repeat 0 50%;
	padding-left: 30px;
	height: 25px;
	line-height: 25px;
}

.near_hotels .display_td {
	vertical-align: middle;
}
.near_hotels .display_td.prev,
.near_hotels .display_td.next {
	width: 40px;
}
.near_hotels .display_td.prev {
	padding-right: 10px;
}
.near_hotels .display_td.next {
	padding-left: 10px;
}
.near_hotels .viewport {
	height:260px;
	overflow: hidden;
}
.near_hotels .viewport ul {
	white-space: nowrap;
}
.near_hotels .viewport ul li {
	display: inline-block;
	width:120px;
	padding:0 5px;
	white-space: normal;
	vertical-align: top;
}

.near_hotels .viewport ul li a {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}

.near_hotels .viewport ul li .image {
	display: block;
	margin-bottom: 10px;
	width: 120px;
	height: 120px;
	text-align: center;
	line-height: 120px;
}
.near_hotels .viewport ul li .rate {
	margin-bottom: 10px;
}
.near_hotels .viewport ul li .rate .num {
	font-weight:bold;
	color: #f36d33;
	vertical-align: bottom;
}
.near_hotels .viewport ul li .distance .num {
	font-weight:bold;
}

#near_hotels_prev,
#near_hotels_next {
	display: inline-block;
	width: 40px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration: none;
}
#near_hotels_prev {
	background-image: url(../../img/button/prev.png);
}
#near_hotels_prev.disabled {
	background-image: url(../../img/button/prev_disabled.png);
}
#near_hotels_next {
	background-image: url(../../img/button/next.png?2);
}
#near_hotels_next.disabled {
	background-image: url(../../img/button/next_disabled.png);
}

/*******************************
	周辺のホテル
*******************************/
.matome {
	margin-bottom: 50px;
}

.matome h3 {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 20px;
	background: url(../../img/icon/pin3.png) no-repeat 0 50%;
	padding-left: 30px;
	height: 25px;
	line-height: 25px;
}

.matome .display_td {
	vertical-align: middle;
}
.matome .display_td.prev,
.matome .display_td.next {
	width: 40px;
}
.matome .display_td.prev {
	padding-right: 10px;
}
.matome .display_td.next {
	padding-left: 10px;
}
.matome .viewport {
	height:260px;
	overflow: hidden;
}
.matome .viewport ul {
	white-space: nowrap;
}
.matome .viewport ul li {
	display: inline-block;
	width: 180px;
	padding:0 10px;
	white-space: normal;
	vertical-align: top;
}

.matome .viewport ul li a {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
.matome .viewport ul li a:hover {
	text-decoration: underline;
}

.matome .viewport ul li .image {
	display: block;
	margin-bottom: 10px;
	width: 180px;
	height: 180px;
	text-align: center;
	line-height: 200px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.matome .viewport ul li .rate {
	margin-bottom: 10px;
}
.matome .viewport ul li .rate .num {
	font-weight:bold;
	color: #f36d33;
	vertical-align: bottom;
}
.matome .viewport ul li .distance .num {
	font-weight:bold;
}

#matome_prev,
#matome_next {
	display: inline-block;
	width: 40px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration: none;
}
#matome_prev {
	background-image: url(../../img/button/prev.png);
}
#matome_prev.disabled {
	background-image: url(../../img/button/prev_disabled.png);
}
#matome_next {
	background-image: url(../../img/button/next.png?2);
}
#matome_next.disabled {
	background-image: url(../../img/button/next_disabled.png);
}

/*******************************
	関連ページ
*******************************/
.relation {
	margin-bottom: 50px;
}

.relation h3 {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 20px;
	background: url(../../img/icon/link.png?2) no-repeat 0 50%;
	padding-left: 30px;
	height: 25px;
	line-height: 25px;
}


/*******************************
	おすすめリンク
*******************************/
.recommended_link {
	border: solid 1px #dddddd;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	background-color: #fff;
}
.recommended_link .title {
	text-align: center;
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: solid 3px #cce792;
}
.recommended_link .body li {
	border-bottom: solid 1px #ddd;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.recommended_link .body li:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}
.recommended_link .body li .description {
	margin-top: 5px;
	color: #666;
}