@charset "utf-8";

/* ホテル一覧→地図から探す */
#sumahoAreaList .grouplist_cat_select,.sumahoAreaContents { display: none; }
.page_grouplist .img_map { position: relative; }
.page_grouplist .img_map span { position: absolute; z-index: 10; width: 10px; height: 10px; border-radius: 100%; font-size: 0; text-indent: -9999px; cursor: pointer; }
.page_grouplist .img_map span.inn { background-color: #009944; }
.page_grouplist .img_map span.hot { background-color: #1d2088; }
.page_grouplist .img_map span.cam { background-color: #9a0031; }
.page_grouplist .img_map span.ref { background-color: #221814; }
.page_grouplist .img_map span.lequ { background-color: #000; }

.page_grouplist .img_map span.cam_susukino { left: 412px; top: 136px; }
.page_grouplist .img_map span.inn_sapporo { left: 421px; top: 133px; }
.page_grouplist .img_map span.ref_omiya { left: 358px; top: 436px }
.page_grouplist .img_map span.inn_yachiyo { left: 381px; top: 442px; }
.page_grouplist .img_map span.inn_chiba { left: 381px; top: 450px; }
.page_grouplist .img_map span.inn_tsudanuma { left: 373px; top: 450px; }
.page_grouplist .img_map span.inn_asakusa { left: 360px; top: 443px; }
.page_grouplist .img_map span.inn_ueno { left: 365px; top: 446px; }
.page_grouplist .img_map span.inn_takadanobaba { left: 355px; top: 446px; }
.page_grouplist .img_map span.inn_sakae { left: 277px; top: 466px; }
.page_grouplist .img_map span.cam_nagoya { left: 268px; top: 466px; }
.page_grouplist .img_map span.inn_moriyama { left: 245px; top: 473px; }
.page_grouplist .img_map span.cam_kyoto { left: 232px; top: 472px; }
.page_grouplist .img_map span.ref_kyoto { left: 234px; top: 474px; }
.page_grouplist .img_map span.inn_shinsaibashi { left: 227px; top: 485px; }
.page_grouplist .img_map span.inn_namba { left: 232px; top: 490px; }
.page_grouplist .img_map span.ref_izumisano { left: 225px; top: 494px; }
.page_grouplist .img_map span.hot_kurashiki { left: 170px; top: 487px; }
.page_grouplist .img_map span.inn_fukuyama { left: 157px; top: 491px; }
.page_grouplist .img_map span.hot_fukuyama { left: 148px; top: 491px; }
.page_grouplist .img_map span.inn_hiroshima { left: 126px; top: 495px; }
.page_grouplist .img_map span.hot_higashihiroshima { left: 137px; top: 494px; }
.page_grouplist .img_map span.hot_hiroshima { left: 123px; top: 498px; }
.page_grouplist .img_map span.ref_matsuyama { left: 137px; top: 523px }
.page_grouplist .img_map span.hot_kanda { left: 78px; top: 523px; }
.page_grouplist .img_map span.hot_fukuoka { left: 62px; top: 526px; }
.page_grouplist .img_map span.inn_hakatanakasu { left: 54px; top: 530px; }
.page_grouplist .img_map span.hot_kumamoto { left: 73px; top: 558px; }
.page_grouplist .img_map span.ref_kumamoto { left: 70px; top: 569px; }
.page_grouplist .img_map span.hot_miyakonojo { left: 81px; top: 598px; }
.page_grouplist .img_map span.ref_okinawa { left: 557px; top: 518px; }
.page_grouplist .img_map span.lequ_okinawa{ left: 553px;top: 517px; }
.page_grouplist .img_map span.cam_okinawa { left: 555px; top: 526px; }
.page_grouplist .img_map span.hot_ishigaki { left: 506px; top: 585px; }

.page_grouplist .tippy-popper { pointer-events: all; }
.page_grouplist .tippy-tooltip { padding: 40px 41px 38.5px 42px; box-sizing: border-box; text-align: left; border: none; border-radius: 0; width: 690px; max-width: 690px; }
.page_grouplist .tippy-tooltip.inn-theme { background-color: #009944; }
.page_grouplist .tippy-tooltip.inn-theme .tippy-arrow { border-top-color: #009944; border-bottom-color: #009944; }
.page_grouplist .tippy-tooltip.inn-theme .hotel_info .hotel_list_btn .btn1 { color: #009944 !important;  }
.page_grouplist .tippy-tooltip.hot-theme { background-color: #1d2088; }
.page_grouplist .tippy-tooltip.hot-theme .tippy-arrow { border-top-color: #1d2088; border-bottom-color: #1d2088; }
.page_grouplist .tippy-tooltip.hot-theme .hotel_info .hotel_list_btn .btn1 { color: #1d2088 !important;  }
.page_grouplist .tippy-tooltip.cam-theme { background-color: #9a0031; }
.page_grouplist .tippy-tooltip.cam-theme .tippy-arrow { border-top-color: #9a0031; border-bottom-color: #9a0031; }
.page_grouplist .tippy-tooltip.cam-theme .hotel_info .hotel_list_btn .btn1 { color: #9a0031 !important;  }
.page_grouplist .tippy-tooltip.ref-theme { background-color: #221814; }
.page_grouplist .tippy-tooltip.ref-theme .tippy-arrow { border-top-color: #221814; border-bottom-color: #221814; }
.page_grouplist .tippy-tooltip.ref-theme .hotel_info .hotel_list_btn .btn1 { color: #221814 !important;  }
.page_grouplist .tippy-tooltip.lequ-theme { background-color: #000; }
.page_grouplist .tippy-tooltip.lequ-theme .tippy-arrow { border-top-color: #000; border-bottom-color: #000; }
.page_grouplist .tippy-tooltip.lequ-theme .hotel_info .hotel_list_btn .btn1 { color: #000 !important;  }

.page_grouplist .tippy-tooltip h3.sp_hotel_name { display: none; }
.page_grouplist .tippy-tooltip .hotel_mark { float: left; width: 315px; margin-right: 37px; }
.page_grouplist .tippy-tooltip .hotel_info { float: left; width: 255px; }
.page_grouplist .tippy-tooltip .hotel_info h3.hotel_name .sub { display: none; }
.page_grouplist .tippy-tooltip .hotel_info h3.hotel_name .main { color: #ffffff; font-size: 18px; font-weight: bold; margin-top: 0; margin-bottom: 8px; }
.page_grouplist .tippy-tooltip .hotel_info p { color: #ffffff; font-size: 12px; }
.page_grouplist .tippy-tooltip .hotel_info p.hotel_tel br { display: block !important; }
.page_grouplist .tippy-tooltip .hotel_info .hotel_list_btn { position: absolute; bottom: 38.5px; width: 255px; }
.page_grouplist .tippy-tooltip .hotel_info .hotel_list_btn .btn1 { background-color: #ffffff; border-color: #ffffff; padding: 6px 0; }
.page_grouplist .tippy-tooltip .hotel_info .hotel_list_btn .btn1:hover { color: #ffffff !important; border-color: #e9930e !important; }
.page_grouplist .tippy-tooltip .hotel_info .hotel_list_btn .btn2 { background-color: transparent; border-color: #ffffff; color: #ffffff !important; padding: 6px 0; }
.page_grouplist .tippy-tooltip .hotel_info .hotel_list_btn .btn2:hover { color: #222222 !important; border-color: #d9d9d9 !important; }
.page_grouplist .tippy-tooltip .hotel_info .hotel_list_btn .g6 { width: 125px; margin-left: 0 !important; }
.page_grouplist .tippy-tooltip .hotel_info .hotel_list_btn .g6.fst { margin-right: 5px; }

.grid .g4 { width: 30.6%; margin-left: 2.7%!important; }

@media screen and (max-width: 768px) {
	#sumahoAreaList .grouplist_cat_select ,.sumahoAreaContents { display: block; }
	.grid .g4 { width: 100%; margin-left: 0!important; }
}