@charset "UTF-8";

.hotel_recommend_h3 {
	margin: 30px auto 0px;
	background: inherit;
	color: #333;
	border: none;
	text-align: center;
	max-width: 350px;
	padding: 0;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h3.hotel-list-h3{
  background: inherit;
  border:none;
  color: #333;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  padding: 0 5px;
}
.h3_style{
	margin-top: 0;
	margin-bottom: 5px;
}
#hotel_recommend_box .reserve a {
  background: #fd5;
  background: url("/images/common/logo-agoda.png") 10px center no-repeat,linear-gradient(to bottom, #fd5,#eb5);
  background-size: 37px auto,auto auto;
  background-position: 35px;
  display: block;
  border: 1px solid #dc4;
  border-radius: 4px;
  box-shadow: inset 1px 1px 0 rgba(255,255,255,0.6),
 inset -1px -1px 0 rgba(255,255,255,0.4),
 0px 1px 0px #dc4,
 1px 2px 2px rgba(0,0,0,0.1);
  padding: 11px 13px 8px 59px;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  text-shadow: 0 -1px 0px rgba(0,0,0,0.1),0 1px 0px rgba(255,255,255,0.2);
  color: #666;
  transition: 0.2s;
  line-height: 1em;
}
#hotel_recommend_box .reserve a:hover{
  opacity: 0.5;
}

/*新お気に入り*/
#favorite_list .mylist.delete:after{
	content: "削除";
	display: inline-block;
	background:#999;
	color: #fff;
	padding: 1px 4px;
	margin: 0;
	border-radius: 3px;
}
#favorite_list .mylist.delete:hover:after{
	background:#555;
}
.kuchikomi_wrap .mylist,
#hotel_recommend_box .mylist,
.reasonable_container .mylist{
	display: block;
	cursor: pointer;
	text-align: center;
	border:none;
}
.kuchikomi_wrap .mylist:before,
#hotel_recommend_box .mylist:before,
.reasonable_container .mylist:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 18px;
	width: 18px;
	background-size: 100%;
}
.kuchikomi_wrap .mylist.delete:hover:before,
.kuchikomi_wrap .mylist.add:before,
#hotel_recommend_box .mylist.add:before,
.reasonable_container .mylist.delete:hover:before,
.reasonable_container .mylist.add:before{
	background-image: url("/images/common/mylist_off.png");
}
.kuchikomi_wrap .mylist.add:hover:before,
.kuchikomi_wrap .mylist.delete:before,
#hotel_recommend_box .mylist.delete:before,
.reasonable_container .mylist.add:hover:before,
.reasonable_container .mylist.delete:before{
	background-image: url("/images/common/mylist_on.png");
}
.kuchikomi_wrap .mylist:after,
#hotel_recommend_box .mylist:after,
.reasonable_container .mylist:after{
	content: "お気に入りに登録";
	font-size: 11px;
	color: #f56;
	display: inline-block;
	margin-top: 1px;
	margin-left: 4px;
	vertical-align: middle;
}
.kuchikomi_wrap .mylist.delete:after,
#hotel_recommend_box .mylist.delete:after,
.reasonable_container .mylist.delete:after{
	content: "お気に入りから削除";
}

#hotel_recommend_box .send_btn{
	font-size: 0;
	text-align: center;
	padding-top: 10px;
}
#hotel_recommend_box .send_btn .mail,
#hotel_recommend_box .send_btn .mylist{
	display: inline-block;
	border: 1px solid #d2d2d2;
	border-radius: 2px;
	vertical-align: top;
	margin: 0 0 0 7px;
	padding: 2px 5px;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.02), inset -1px -1px 1px rgba(0,0,0,0.02);
}
#hotel_recommend_box .send_btn .mail:hover,
#hotel_recommend_box .send_btn .mylist:hover{
	opacity: 0.5;
}

#hotel_recommend_box .send_btn .mail{
	font-size: 10px;
	line-height: 1.4em;
	color: #0af;
	text-decoration: none;
	padding-left: 21px;
	background: url('/images/common/icon_mail.png') no-repeat 5px center;
}
#hotel_recommend_box .send_btn .mylist:before{
	height: 14px;
	width: 14px;
}



/* ---------- snsボックス ---------- */
.sns_box130904 {width:716px; padding:6px; display:table; background:#efeee9; border-top:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC;}
.sns_box130904 .fb {margin:0px; float:left;}
.sns_box130904 .tw {width:90px; margin:0 0 0 14px; float:left;}
.sns_box130904 .gp {width:62px; margin:0 0 0 10px; float:left;}
.sns_box130904 .hb {width:110px; margin:0 0 0 10px; float:left;}

/* ---------- ホテル選択時の個別表示 ---------- */
#hotel_recommend_box * {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#hotel_recommend_box {margin:10px 0 0 0; padding:15px; border:solid 1px #ccc;}
#hotel_recommend_box {position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
#hotel_recommend_box:before, #hotel_recommend_box:after {content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:50%; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px;}
#hotel_recommend_box:after {right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg);}

.hotel_area_box {padding:5px; font-size:13px; font-weight:bold; background:#f00; color:#fff; line-height:1;}
#hotel_name_j {margin:8px 0 0 0;font-size: 20px; line-height: 1.25em;}
#hotel_name_j a {font-weight: bold; color: #08d; }
#hotel_name_e {font-size:13px;}

.recommend_container {}
.page-wrap {width:680px; margin:0px;}
.recommend_icon {position: absolute; top: -3px; right: -4px;}



.recommend_text p { margin: 0px auto 10px; padding: 5px 10px 4px 10px; text-align: center; font-size: 12px; font-weight: normal; color: #F00; border-top: 1px solid #F00; border-bottom: 1px solid #F00; display: table; line-height: 1!important;}

/* #slider_main
--------------------------- */
#slider_main {margin:5px 0 0 0; width:680px; text-align: left; position: relative;}
#slider_main ul {top: 0; left: 0; position: absolute; overflow: hidden;}
#slider_main ul li {width:680px; height:510px; float: left; display: inline; overflow: hidden;}
#slider_main ul li img {width:680px;}
.slider-pro img {width: 0;}
/* #slider_thumb
--------------------------- */
#slider_thumb {margin:5px 0 0 0; width:680px; height: 50px; text-align:left;}
#slider_thumb ul {display: block;}
#slider_thumb ul li {cursor: pointer; /*display: inline;*/ float:left; margin:0 3px 0 0;}
#slider_thumb ul li.active {filter:alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important;}
#slider_thumb ul:after{content: ""; display: block; clear: both; float: none;}
/* =======================================
	ClearFixElements
======================================= */
#slider_main ul:after {content: "."; height: 0; clear: both; display: block; visibility: hidden;}
#slider_main ul {display: inline-block; overflow: hidden;}

.recommend_text {font-size:12px;}
.button_hotel_details {margin:6px auto 0 auto; padding-top:4px; display:table;}
.button_hotel_details div.reserve {margin:0 8px 5px 0; float:left;}
.button_hotel_details div.fav {margin:10px 0 0 0; cursor:pointer; cursor:hand; float:left;}


#hotel_point {margin-top:15px; margin-bottom: 20px;}
#hotel_point th div.div-l {background:#595757; font-size:13px; font-weight:bold; text-align:center; color:#fff;}
#hotel_point th div.div-s {background:#595757; font-size:13px; font-weight:bold; text-align:center; color:#fff; width: 340px; margin-top:20px;}
#hotel_point th div.div-l td { width: 175px;}
#hotel_point td,#hotel_point th{vertical-align: top;}
#hotel_point td div.star {text-align:center; margin:3px 0 0 0;}


#hotel_point td .eval_review {margin:1px 6px 0 0; text-align:center;}
#hotel_point td .eval_review a {padding:0 0 0 24px; min-height:14px; font-size:18px; font-weight:bold; background:url(../images/common/review_list.gif) left no-repeat;}

#hotel_point td#rank #rank_name {text-align:center;}
#hotel_point td#rank #rank_name img {margin:0 3px -7px 0;}
#hotel_point td#rank #rank_price {font-size: 20px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 6px; color:#C00; text-align:center;}
#hotel_point td #rating_average {font-family: Arial, Helvetica, sans-serif; font-size:24px; font-weight: bold; color: #FFF; background-color: #F90; padding: 6px; width: 82px; margin:6px auto 5px auto; text-align:center; border-radius:4px;}
#hotel_point td #review {text-align:center;}
#hotel_point td #review a {color: #08d;}
#hotel_point td #equipment div { font-size:12px; margin-top:0px; padding-top:0;}
#hotel_point td #equipment div.nothing { color: #CCC;}
#hotel_point td ul#feature { font-size: 14px; padding-top:4px;}
#hotel_point td ul#feature li {list-style-type:none; line-height: 1.25em; margin-bottom: 4px; font-size:12px; font-weight:normal;}
#hotel_pho_box {margin-top:10px;}
#hotel_pho_box .pho_box {width:167px; margin:0 7px 0 0; float:left;}
.hotel_pho img {width:167px;}
.hotel_caption {}
.hotel_caption_e {margin-top:5px; font-size:11px; color:#666; text-align:left; line-height:1.2;}
.hotel_caption_j {font-size:14px; margin:2px 0 0 0; line-height:1.2; text-align:left;}

.hotel_box_bottom {margin:6px 0 0 0; padding-top:10px; font-size:12px; text-align:center; background:url(../images/common/line.gif) top repeat-x;}


.recommend_text .rank_price_wrap .inner_left #rank_price {font-size: 28px; font-weight: bold; color:#C00; text-align:center; padding-bottom: 20px; margin-top:10px;}
.recommend_text .map_rank_price_wrap .inner_left #rank_price {font-size: 28px; font-weight: bold; color:#C00; text-align:center; margin-bottom: 18px; background: url(/images/common/line.gif) top repeat-x; padding-top:10px;}


.rank_price_wrap .inner_left #hyouka .hyoka_span {
	background-image: url(../images/common/review_list.gif);
    background-position: left;
    background-repeat: no-repeat;
    padding: 5px 0 5px 22px;
    color: #590;
    font-size: 14px;
    margin: 15px 0 10px;
}

.rank_price_wrap .inner_left #hyouka a { color: #590; font-size:30px; padding-left:10px;}





.recommend_text .rank_price_wrap .inner_right { margin-top: 0;vertical-align: middle;}
#hotel_point #hyoka_tr #review_count {text-align:center; color:#999; font-size:12px; margin-bottom: 10px;}
#hotel_point .hyoka_td {font-size: 13px; margin:10px 0 10px 0; text-align: center;}
#hotel_point .hyoka_td #hyouka {display: inline-block; background-image: url(../images/common/review_list.gif); background-position:left; background-repeat:no-repeat; padding:5px 0 5px 22px; color:#590; font-size:30px; font-weight:bold; margin: 15px 0 0px;}
#hotel_point .hyoka_td #hyouka span{font-size:14px; margin-right:10px;}
#hotel_point .hyoka_td #hyouka a{color: #590;}
#hotel_point .hotel_class_tit {background-color: #edebe4; text-align:center; margin-bottom:10px; margin-right:10px;}
#hotel_point #mokuteki_detail .mokuteki_detail_li {color:#08d; border-bottom: 1px dotted #CCC; line-height:180%; font-size:16px;}
#hotel_point #mokuteki_detail .mokuteki_detail_li span {color:#08d;}
.hotel_address_detail {font-size:13px;}
.mokuteki_detail_score{float: right;}

/* =======================================
	ClearFixElements
======================================= */

.rank_price_wrap {width:200px; margin:0 auto; padding:10px; table-layout:fixed; position:absolute; top: 130px;
    left: 480px;
    background-color: rgba(255,255,255,0.6);
	opacity: 1;
    -webkit-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}
.rank_price_wrap .inner_right {padding:0px;}


.rank_price_wrap .inner_right #rank_name {text-align:center;}
.rank_price_wrap .inner_right #rank_name img {margin:0 3px -7px 0;}
.rank_price_wrap .inner_right #rank_price {font-size:28px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; color:#C00; text-align:center;}
.rank_price_wrap .inner_right #rank_price span {font-size:12px; color:#666; vertical-align:middle;}
.rank_price_wrap .inner_left {display:table-cell; vertical-align:middle;}
.rank_price_wrap .inner_left #eval_review {margin:0px; text-align:center;}
.rank_price_wrap .inner_left #eval_review a {margin:0 10px 0 0; padding:0 0 0 24px; min-height:14px; font-size:22px; font-weight:bold; background:url(../images/common/review_list.gif) left no-repeat;}
.hotel_text {margin:10px 0 0 0; padding:10px 0 0 0; font-size:12px; background:url(/images/common/line.gif) top repeat-x;}




.kuchikomi_detail {width:auto; margin:10px 0 0 0;}
.kuchikomi_detail > h3 {margin:20px 0 10px 0;}
.kuchikomi_detail ul {margin:0 0 0 10px;}
.kuchikomi_detail ul li.good {margin:0 0 6px 0; padding:2px 0 0 28px; font-size:13px; font-weight:bold; color:#ff6f37; background:url(/images/common/kuchikomi_good.gif) no-repeat; line-height:1.4;}
.kuchikomi_detail ul li.bad {margin:0 0 6px 0; padding:2px 0 0 28px; font-size:13px; font-weight:bold; color:#aaa18d; background:url(/images/common/kuchikomi_bad.gif) no-repeat; line-height:1.4;}

.hotel_box_bottom {margin:6px 0 0 0; padding-top:10px; font-size:12px; text-align:center; background:url(../images/common/line.gif) top repeat-x;}

.tab_area_box_detail {margin:5px 0 0 0; padding:0px;}
.detail_rank_wrap {display:table; margin:10px 0 0 0; padding:0 0 8px 0; background:url(../images/common/line.gif) bottom repeat-x;}
.detail_rank_wrap .rank_wrap_inner {display:table-cell; vertical-align:top;}
.reasonable_container_detail {}
.reasonable_container_detail * {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.reasonable_left_rank_detail {width:54px; height:auto; margin:23px 0 0 0; padding:0px; text-align:center; float:left;}
.reasonable_rank_score_result_detail {font-size:20px; line-height:1; font-weight:bold; margin:3px 0 0 0; padding:0px; color:#333333; text-align:center;}
.reasonable_rank_score_result_follow_detail {font-size:15px; line-height:1; font-weight:bold; margin:0px; padding:0px; color:#333333; text-align:center;}
.reasonable_left_detail {width:110px; float:left; position:relative;}
.reasonable_left_detail img {width:110px;}
.reasonable_left_detail .osusume {position:absolute; top:5px; right:5px;}
.reasonable_left_detail .osusume img {width:auto;}

.reasonable_right_detail {width:216px; margin:0 10px 0 10px; float:left; position:relative;}
.reasonable_right_detail .osusume {position:absolute; top:3px; right:0px;}
.reasonable_hotelname_detail {font-size:18px; font-weight:bold;}
.reasonable_rank_copy_detail {margin:2px 0 0 0; font-size:13px; font-weight:bold; line-height:1;}
.reasonable_rankbox_detail {margin:3px 0 0 0;}
.reasonable_rank_eval_review_detail {margin:0 8px 0 0; padding:3px 0 0 23px; min-height:13px; font-size:13px; font-weight:bold; background:url(../images/common/review_list.gif) left no-repeat; float:left;}
.reasonable_rank_charge_detail {margin:1px 0 0 0; font-size:16px; font-weight: bold; color:#f00; float:left;}
.reasonable_rank_charge_detail span {font-size:12px; color:#666; vertical-align:middle;}

.reasonable_rank_check_detail {width:161px; margin:0px; padding:12px 0 0 20px; float:right; background:url(../images/common/reasonable_check_bg.gif) left no-repeat;}
.reasonable_rank_check_detail ul {}
.reasonable_rank_check_detail ul li {width:150px; text-align:center;}
.reasonable_rank_check_detail ul li img { margin:0 0 5px 0; vertical-align:bottom;}
.reasonable_rank_check_detail ul li .reasonable_rank_check_detail .reserve_box_detail {display:table;}
.reasonable_rank_check_detail ul li .reasonable_rank_check_detail .reserve_box_detail div.reserve_detail {margin:0 8px 0 0; float:left;}
.reasonable_rank_check_detail ul li .reasonable_rank_check_detail .reserve_box_detail div.fav_detail {margin:10px 0 0 0; cursor:pointer; cursor:hand; float:left;}
.reasonable_rank_check_detail ul li .fav_on_detail {display:table; margin:3px auto 0 auto;}
.reasonable_rank_check_detail ul li .fav_on_detail span {background:url(/images/common/hotel_fav_on.gif) left no-repeat; font-size:12px; color:#0033CC; padding:3px 0 0 25px; text-decoration:underline; cursor:pointer;}
.reasonable_rank_check_detail ul li .fav_off_detail {display:table; margin:3px auto 0 auto;}
.reasonable_rank_check_detail ul li .fav_off_detail span {background:url(/images/common/hotel_fav_off.gif) left no-repeat; font-size:12px; color:#0033CC; padding:3px 0 0 25px; text-decoration:underline; cursor:pointer;}





/* ---------- Detail ---------- */
.hotel_address_detail{ background: url("/images/common/pin_hotel_s.png") no-repeat left center; background-size: 24px auto; padding: 5px 30px;}

.hotel_detail_table *,
.hotel_detail_around *,
.hotel_detail_btn *{ font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"; text-align: left;}
.hotel_detail_table h3,
.hotel_detail_table h4,
.hotel_detail_around h3,
.hotel_detail_around h4,
.hotel_detail_btn h3,
.hotel_detail_btn h4{ border:none; margin: 0; padding: 0 10px; font-weight: bold;}
.hotel_detail_table h3,
.hotel_detail_around h3,
.hotel_detail_btn h3{ background: #005b97; color: #fff; font-size: 14px; padding: 3px 10px;}
.hotel_detail_table h4,
.hotel_detail_around h4,
.hotel_detail_btn h4{ border-left:4px solid #005b97; border-bottom:1px solid #005b97; color: #005b97; font-size: 13px;}
.hotel_detail_table,
.hotel_detail_around,
.hotel_detail_btn{ margin:25px 0px;}

.hotel_detail_table{ border:1px solid #aaa; border-radius: 7px; background: #fff; padding: 10px 25px;}
.hotel_detail_table table{ border-collapse: collapse; width: 100%;}
.hotel_detail_table table th,.hotel_detail_table table td{ padding: 7px 12px;}
.hotel_detail_table table tr.bdr{ border-top:1px solid #ccc;}
.hotel_detail_table table th[colspan="2"]{ padding-left: 0; padding-right: 0; border: none;}
.hotel_detail_table table th+td{ border-left:1px dashed #ccc;}

.hotel_detail_around *{ font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";}
.hotel_detail_around ul{ font-size: 0;}
.hotel_detail_around li{ width: 25%; display: inline-block; vertical-align: top; font-size: 11px; margin: 5px 0;}
.hotel_detail_around li a{ display: block; padding: 5px; text-decoration: none; transition: 0.1s; background: #fff;}
.hotel_detail_around li a:hover{ background: #eee;}
.hotel_detail_around li:after{ content: ""; clear: both;}
.hotel_detail_around li img{ max-width: 100%;}
.hotel_detail_around li p{ margin: 0;}
.hotel_detail_around li p.name{ color: #08d; font-weight: bold;}
.hotel_detail_around li p.rate{ display: inline-block; color: #590; color: #333;}
.hotel_detail_around li p.price{ display: inline-block; float: right; color: #f00;}

.hotel_detail_btn span{ display: block; margin: 10px auto 0; width: 95%; max-width: 480px;}
.hotel_detail_btn p{ margin: 2px auto;}
.hotel_detail_btn a{ background: #fd5; background: linear-gradient(to bottom, #fd5,#eb5); display: block; border: 1px solid #dc4; border-radius: 4px; box-shadow: inset 1px 1px 0 rgba(255,255,255,0.6), inset -1px -1px 0 rgba(255,255,255,0.4), 0px 1px 0px #dc4,     1px 2px 2px rgba(0,0,0,0.1); padding: 9px 13px 7px; text-decoration: none; text-align: center; font-weight: bold; font-size: 16px; text-shadow: 0 -1px 0px rgba(0,0,0,0.1),0 1px 0px rgba(255,255,255,0.2); color: #555; transition: 0.1s; line-height: 1.3em; margin: 20px 0 10px;}
.hotel_detail_btn a:before{ content: ""; width: 53px; height: 17px; background: url("/images/common/logo-agoda.png") left top no-repeat; background-size: auto 17px; display: inline-block; vertical-align: top;}
.hotel_detail_btn a:hover{ opacity: 0.5;}
.hotel_detail_bottom { position: absolute; right: 10px; bottom: 10px; margin: 0; font-size: 12px; color: #999;}


/* ---------- 個別ホテル予約実績ページ ---------- */

.hotel_tag_box {margin:0px;padding: 7px 0;}
.hotel_tag_box ul {display:table;}
.hotel_tag_box ul li {margin:0 5px 0 0; float:left;}


#gmap{
	clear: both;
}
.landmark {
	background-image: url(../images/common/landmark_icon.jpg);
	background-position:left;
	background-repeat:no-repeat;
	font-size:15px;
	padding-left:24px;
	margin-bottom:3px;
    clear: both;
}
.land_box {
	border: 1px solid #dedccc;
	background-color:#f0efe9;
	font-size:13px;
	padding:5px;
}