@charset "utf-8";

/* ========================
【現地情報「/branch/」専用】branch.css
======================== */
/*-------     ★★ コンテンツヘッダー《contents header》 ★★     ------*/
/* ★☆ 《contents header》mv ☆★ */

/*== media：751px～ ==*/
@media (min-width:751px) {
.bali_conts.underlayer .mv {
	background-image: url("../img/branch/mv_bg_pc.jpg");
}
.bali_conts.underlayer .mv .logo {
	width: 429px;
	height: 119px;
	background-image: url("../img/branch/mv_logo_pc.png");
}
}

/*== media：～750px ==*/
@media (max-width:750px) {
.bali_conts.underlayer .mv {
	background-image: url("../img/branch/mv_bg_sp.jpg");
}
.bali_conts.underlayer .mv .logo {
 width: calc((634 / 750) * 100%);
 padding-top: calc((176 / 634) * 100%);
	background-image: url("../img/branch/mv_logo_sp.png");
}
}
/*-------     ★★ コンテンツメイン 共通《contents main common》 ★★     ------*/
/* ★☆ 《contents main common》main_conts ☆★ */
.main_conts .conts_detail {
	max-width: 876px;
	margin: auto;
}
.main_conts .conts * + .com_btn {
	margin-top: calc(36rem / 14);
}
.main_conts .point_box .point_ttl {
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}
.main_conts .point_box .point_list .list + .list {
	margin-top: calc(27rem / 14);
}
.main_conts .point_box .point_list .list.list_main_txt {
	padding-left: 1.3em;
	text-indent: -1.3em;
}
.main_conts .point_box .point_list .list .list_main_txt {
	font-weight: bold;
	color: #4d2b00;
	padding-left: 1.3em;
	text-indent: -1.3em;
}
.main_conts .point_box .point_list .list_style {
	color: #88c023;
}
.main_conts .point_box .point_list .list_style img {
	vertical-align: text-top;
}
.main_conts .point_box .point_list .list_main_txt .txt_small {
	font-size: calc(15rem / 14);
}
.main_conts .point_box .point_list .list_main_txt + *:not(.tag_list) {
	margin-top: calc(6rem / 14) !important;
}
.main_conts .point_box .point_list .list_detail_txt + *:not(.list_detail_txt) {
	margin-top: 8px !important;
}
.main_conts .point_box .point_list .list .notes {
	margin-top: 0;
}

/*== media：751px～ ==*/
@media (min-width:751px) {
.main_conts .conts * + .com_btn {
	margin-top: 36px;
}
.main_conts .point_box {
 margin-top: calc((51 / 876) * 100%);
}
.main_conts .txt_area * + .more > .point_box:first-of-type {
 margin-top: calc((58 / 876) * 100%);
}
.main_conts .point_box + .point_box {
 margin-top: calc((70 / 876) * 100%);
}
.main_conts .point_box .point_list .list .list_main_txt {
	font-size: calc(18rem / 14);
}
.main_conts .point_box .point_list .list_style.star img {
	width: 21px;
}
.main_conts .point_box .point_list .list_detail_txt:not(.tag_list) .detail_list_ttl {
	min-width: 135px;
}
}

/*== media：～750px ==*/
@media (max-width:750px) {
.main_conts .conts * + .com_btn {
 margin-top: calc((36 / 670) * 100%);
}
.main_conts .point_box {
 margin-top: calc((87 / 670) * 100%);
}
.main_conts .txt_area * + .more > .point_box:first-of-type {
 margin-top: calc((67 / 670) * 100%);
}
.main_conts .point_box + .point_box {
 margin-top: calc((131 / 670) * 100%);
}
.main_conts .point_box .point_ttl {
 width: calc((600 / 658) * 100%);
	top: 0;
 margin-top: calc(((44 + 3) / 658) * -100%);
}
.main_conts .point_box .point_list .list .list_main_txt {
	font-size: calc(17rem / 13);
}
.main_conts .point_box .point_list .list_style.star img {
	width: calc(18rem / 13);
}
}
/*-------     ★★ コンテンツメイン 現地情報《contents main index》 ★★     ------*/

/* ★☆ 《contents main index》sec_localInfo ☆★ */

/* ★ 【sec_localInfo】conts_sup ★ */
#conts_sup .more {
	display: flex;
	flex-wrap: wrap;
}
#conts_sup .more .img_txt {
	order: 2;
}
#conts_sup .more .point_box {
	order: 1;
}

/*== media：751px～ ==*/
@media (min-width:751px) {
#conts_sup .more .point_box .point_ttl {
	width: 339px;
	top: -20px;
}
}

/*==media： 961px～ ==*/
@media (min-width:961px) {
#conts_sup .more {
	justify-content: space-between;
}
#conts_sup .more .img_txt {
 width: calc((381 /876) * 100%);
 margin-top: calc((54 /876) * 100%);
	position: relative;
	right: 0;
}
#conts_sup .more .point_box {
 width: calc((420 /876) * 100%);
}
}

/*== media：～960px ==*/
@media (max-width:960px) {
#conts_sup .more .img_txt {
	width: 60%;
	max-width: 531px;
 margin: calc((23 / 670) * 100%) auto 0;
}
#conts_sup .more .point_box {
	width: 100%;
}
}

/*== media：～750px ==*/
@media (max-width:750px) {
#conts_sup .more > * {
	width: 100%;
}
#conts_sup .more .img_txt {
 width: calc((531 / 658) * 100%);
}
#conts_sup .more .point_box .point_ttl {
 width: calc((540 / 658) * 100%);
 margin-top: calc(((28 + 3) / 658) * -100%);
}
}
/* ★ 【sec_localInfo】conts_ser ★ */
#conts_ser #ser_info.point_box .frame_inner::after, #conts_ser #ser_family.point_box .frame_inner::after {
	content: "";
	height: 0;
	background: no-repeat 0 0;
	background-size: contain;
	position: absolute;
}
#conts_ser .point_list + .notes {
	margin-top: calc(40rem / 14);
}

/*== media：751px～ ==*/
@media (min-width:751px) {
#conts_ser .point_box .point_ttl {
 top: calc(-3px - (34px / 2));
}
#conts_ser #ser_info.point_box .point_ttl {
	width: 513px;
}
#conts_ser #ser_info.point_box .point_list {
	position: relative;
	z-index: 1;
}
#conts_ser #ser_info.point_box .point_list .list:nth-child(-n+2) {
 width: calc((555 / 798) * 100%);
}
#conts_ser #ser_family.point_box .point_ttl {
	width: 374px;
}
#conts_ser #ser_family.point_box .point_list .list:first-child {
 width: calc((557 / 798) * 100%);
}
}

/*==media： 961px～ ==*/
@media (min-width:961px) {
#conts_ser .point_box .point_ttl {
 top: calc(-3px - (44px / 2));
}
#conts_ser #ser_info.point_box .point_ttl {
	width: 664px;
}
#conts_ser .point_box .frame_inner::after {
	top: 0;
}
#conts_ser #ser_info.point_box .frame_inner::after {
 width: calc((285 / 864) * 100%);
 padding-top: calc((584 / 864) * 100%);
	background-image: url("../img/branch/conts_ser_info_img_01_pc.jpg");
 margin-top: calc((56 / 864) * 100%);
 right: calc((13 / 864) * 100%);
}
#conts_ser #ser_info.point_box .point_list .list:nth-child(-n+2), #conts_ser #ser_info.point_box .point_list .list:last-child {
	width: calc(100% - 250px);
}
#conts_ser #ser_family.point_box .point_ttl {
	width: 484px;
}
#conts_ser #ser_family.point_box .frame_inner::after {
 width: calc((230 / 864) * 100%);
 padding-top: calc((186 / 864) * 100%);
	background-image: url("../img/branch/conts_ser_family_img_01_pc.jpg");
 margin-top: calc((54 / 864) * 100%);
 right: calc((34 / 864) * 100%);
}
#conts_ser #ser_family.point_box .point_list .list:first-child {
	width: calc(100% - 220px);
}
}

/*== media：～960px ==*/
@media (max-width:960px) {
#conts_ser #ser_info.point_box .frame_inner {
 padding-bottom: calc((468 / 658) * 100%);
}
#conts_ser #ser_family.point_box .frame_inner {
 padding-bottom: calc((268 / 658) * 100%);
}
#conts_ser .point_box .frame_inner::after {
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}
#conts_ser #ser_info.point_box .frame_inner::after {
 width: calc((591 / 658) * 100%);
 padding-top: calc((381 / 658) * 100%);
	background-image: url("../img/branch/conts_ser_info_img_01_sp.jpg");
 margin-bottom: calc((38 / 658) * 100%);
}
#conts_ser #ser_family.point_box .frame_inner::after {
 width: calc((447 / 658) * 100%);
 padding-top: calc((219 / 658) * 100%);
	background-image: url("../img/branch/conts_ser_family_img_01_sp.jpg");
 margin-bottom: calc((22 / 658) * 100%);
}
}

/*== media：751～960px ==*/
@media (min-width:751px) and (max-width:960px) {
#conts_ser #ser_info.point_box .frame_inner {
	padding-bottom: 468px;
}
#conts_ser #ser_family.point_box .frame_inner {
	padding-bottom: 268px;
}
#conts_ser #ser_info.point_box .frame_inner::after {
	width: 591px;
	padding-top: 381px;
}
#conts_ser #ser_family.point_box .frame_inner::after {
	width: 447px;
	padding-top: 219px;
}
}
/*-------     ★★ コンテンツメイン 支店一覧《contents main list》 ★★     ------*/
/* ★☆ 《contents main list》sec_branchList ☆★ */
#sec_branchList .sec_ttl {
	margin: auto;
}
#sec_branchList .conts_detail {
	padding: 0;
}
#sec_branchList .gm-style-mtc * {
	font-size: calc(12rem / 14) !important;
}
#sec_branchList .gm-style-mtc > *:first-of-type {
	height: 35px !important;
}
#sec_branchList .conts_detail .datail_main .map_area .map {
	height: 0;
 padding-top: calc((300 / 440) * 100%);
}
#sec_branchList .basic_info.list_detail_txt .detail_list_txt p + .notes {
	margin-top: 0;
}
#sec_branchList .main_services .service_list .list {
	border-bottom: 1px solid #c3cf74;
	padding-bottom: calc(10rem / 14) !important;
	margin-top: calc(10rem / 14);
}
#sec_branchList .main_services .service_list .list_style {
	color: #feee64;
}
#sec_branchList .main_services .service_list .list_style {
	color: #feee64;
}
#sec_branchList .main_services .service_list .list {
	padding: 0 calc(12rem / 14);
	line-height: calc(20 / 14);
}
#sec_branchList .main_services .service_list .list > span {
	display: block;
}
#sec_branchList .main_services .service_list .list .list_main_txt {
	font-weight: bold;
}
#sec_branchList .main_services .service_list .list .list_detai_txt {
	line-height: 1;
	padding: .5em 0 .3em;
}
#sec_branchList .main_services .service_list + .notes {
	padding: 0 calc(12rem / 14);
}
#sec_branchList .more .img_area {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#sec_branchList .more .img_area .photo::before {
	content: attr(data-cap)"";
	display: block;
	font-size: calc(16rem / 14);
	line-height: calc(30 / 16);
	font-weight: bold;
	color: #333;
	white-space: nowrap;
	border-left: 4px solid #feee64;
	padding-left: calc(10em / 16);
	margin-bottom: calc(5em / 16);
}
#sec_branchList .more .officemap_list {
	position: relative;
}
#sec_branchList .more .officemap_list::before {
	content: "";
	height: 0;
	background: no-repeat center center;
	background-size: contain;
	position: absolute;
}

/*== media：751px～ ==*/
@media (min-width:751px) {
#sec_branchList .sec_ttl {
	width: 429px;
}
#sec_branchList .conts_detail .datail_main {
	overflow: hidden;
}
#sec_branchList .conts_detail .datail_main > * {
	float: left;
}
#sec_branchList .conts_detail .datail_main .img_area {
 width: calc((440 / 920) * 100%);
}
#sec_branchList .conts_detail .datail_main .map_area {
 width: calc((440 / 920) * 100%);
	margin-top: 20px;
}
#sec_branchList .conts_detail .datail_main .txt_area {
 width: calc((460 / 920) * 100%);
	min-height: 278px;
	float: right;
}
#sec_branchList .more {
 margin-top: calc((40 / 920) * 100%);
}
#sec_branchList .more .img_area .photo {
 width: calc((300 / 920) * 100%);
}
}

/*== media：961px～ ==*/
@media (min-width:961px) {
#sec_branchList .more .officemap_list {
	display: flex;
	justify-content: center;
	padding-bottom: 417px;
}
#sec_branchList .more .officemap_list::before {
 width: calc((513 / 920) * 100%);
 padding-top: calc((236 / 920) * 100%);
	background-image: url("../img/branch/conts_branch_info_beachwalk_officemap_pc.png");
	bottom: 0;
 left: calc((245 / 920) * 100%);
}
#sec_branchList .more .officemap_list .list.lounge {
 width: calc((288 / 920) * 100%);
}
#sec_branchList .more .officemap_list .list.goods {
 width: calc((300 / 920) * 100%);
	margin: 0 calc(10rem / 14);
}
#sec_branchList .more .officemap_list .list.info {
 width: calc((298 / 920) * 100%);
}
#sec_branchList .more .officemap_list .list .txt_area {
	border: 2px solid #feee64;
	padding: calc(10rem / 14) calc(13rem / 14);
	background: #fff;
	position: absolute;
	font-size: calc(12rem / 14);
	line-height: calc(19 / 13);
	font-weight: bold;
}
#sec_branchList .more .officemap_list .list .txt_area .notes {
	margin-top: .5em;
	font-weight: inherit;
}
#sec_branchList .more .officemap_list .list.lounge .txt_area {
 width: calc((329 / 920) * 100%);
}
#sec_branchList .more .officemap_list .list.goods .txt_area {
 width: calc((260 / 920) * 100%);
 left: calc((352 / 920) * 100%);
}
#sec_branchList .more .officemap_list .list.info .txt_area {
 width: calc((284 / 920) * 100%);
}
#sec_branchList .more .officemap_list .list.costume .txt_area {
 width: calc((246 / 920) * 100%);
	bottom: 0;
 margin-bottom: calc((20 / 920) * 100%);
}
#sec_branchList .more .officemap_list .list.brochure .txt_area {
 width: calc((163 / 920) * 100%);
	bottom: 0;
 margin-bottom: calc((60 / 920) * 100%);
}
#sec_branchList .more .officemap_list .list.lounge .txt_area, #sec_branchList .more .officemap_list .list.costume .txt_area {
 left: calc((7 / 920) * 100%);
}
#sec_branchList .more .officemap_list .list.info .txt_area, #sec_branchList .more .officemap_list .list.brochure .txt_area {
 right: calc((7 / 920) * 100%);
}
#sec_branchList .more .officemap_list .list.lounge .txt_area, #sec_branchList .more .officemap_list .list.goods .txt_area, #sec_branchList .more .officemap_list .list.info .txt_area {
	min-height: 150px;
	bottom: 0;
 margin-bottom: calc((233 / 920) * 100%);
}
#sec_branchList .more .officemap_list .txt_area .list_ttl {
	color: #4d4500;
	font-size: calc(16rem / 14);
	line-height: calc(20 / 16);
	font-weight: bold;
	margin-bottom: calc(6rem / 14);
}
#sec_branchList .more .officemap_list .txt_area .list_ttl > span {
	display: block;
}
}

/*== media：～960px ==*/
@media (max-width:960px) {
#sec_branchList .more .officemap_list {
 padding-top: calc(((301 + 40) / 670) * 100%);
 margin-top: calc((20 / 670) * 100%);
}
#sec_branchList .more .officemap_list::before {
 width: calc((670 / 670) * 100%);
 padding-top: calc((301 / 670) * 100%);
	background-image: url("../img/branch/conts_branch_info_beachwalk_officemap_sp.png");
	top: 0;
	left: 0;
}
#sec_branchList .more .officemap_list .list + .list {
	margin-top: 20px;
}
#sec_branchList .more .officemap_list .txt_area .list_ttl {
	font-size: calc(16rem / 13);
	line-height: calc(24.5 / 16);
	font-weight: bold;
	margin-bottom: calc(4rem / 13);
	padding-left: calc(33.5rem / 13);
	text-indent: calc(33.5rem / -13);
}
#sec_branchList .more .officemap_list .txt_area .list_ttl::before {
	content: attr(data-num)"";
	display: inline-block;
	background: #03429b;
	border-radius: 100%;
	color: #fff;
	font-size: calc(15rem / 13);
	line-height: calc(24.5 / 15);
	text-align: center;
	text-indent: 0;
	width: calc(24.5rem / 13);
	height: calc(24.5rem / 13);
	margin-right: calc(9rem / 13);
}
}

/*== media：751～840px ==*/
@media (min-width:751px) and (max-width:840px) {
#sec_branchList .more .img_area .photo::before {
	font-size: 1rem;
}
}

/*== media：～750px ==*/
@media (max-width:750px) {
#sec_branchList .sec_ttl {
 width: calc((634 / 710) * 100%);
}
#sec_branchList .conts_detail .datail_main > * + * {
 margin-top: calc((20 / 710) * 100%);
}
#sec_branchList .more {
 margin-top: calc((64 / 670) * 100%);
}
#sec_branchList .more .img_area .photo {
 width: calc((325 / 670) * 100%);
}
#sec_branchList .more .img_area .photo:nth-of-type(n+3) {
 margin-top: calc((35 / 670) * 100%);
}
}