@charset "utf-8";
/* CSS Document */


div.safety_box{
	padding: .5rem
}


.safety_ttl{
	position: relative;
}
.safety_ttl li{
	font-size: 1.6rem;
    margin: 5px 0;
    padding: 0 0 0 25px;
	line-height: 150%;
}
.safety_ttl li:before{
    content: '';
    width: 16px;
    height: 16px;
    background: #47adb0;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    left: 5px;
    margin-top: -10px;
}
.safety_ttl li:after{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 15px;
    left: 11px;
    margin-top: -6px;
}
.safety_txt{
	line-height: 150%;
    padding: 0 5px;
}

/* ---------------------------------------------------------

	01. 地図

--------------------------------------------------------- */
/*---------- 地図 ----------*/
.map_wrap {
	width: 655px;
	height: 598px;
	background-color: #eff9f9;
	border: 1px solid #ccc;
	position: relative;
	overflow: hidden;
}
.map_wrap.ver_2303 {height: 638px;}

.p_line {
	width: 285px;
	height: 260px;
	top: 5px;
	left: 5px;
	border-right: 1px solid #cdd3d3;
	border-bottom: 1px solid #cdd3d3;
	position: absolute;
	display: block;
}
.p_line::before,.p_line::after {
	position: absolute;
	content: "";
	display: block;
}
.p_line::before {
	height: 0;
	top: 156px;
	left: 180px;
	border-bottom: 105px solid #eff9f9;
	border-left: 105px solid transparent;
	z-index: 1;
}
.p_line::after {
	height: 0;
	top: 155px;
	left: 180px;
	border-bottom: 105px solid #cdd3d3;
	border-left: 105px solid transparent;
}

.map_b_area {
	padding: 6px 10px 10px;
	position: absolute;
	z-index: 10;
}
.map_b_area .map_h_area {
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	padding-left: 10px;
}
.map_b_area .map_h_area a {
	text-decoration: none;
	color: #4d4d4d;
	position: relative;
	padding-right: 20px;
}
.map_b_area .map_h_area a:hover {
	opacity: 0.7;
}
.map_b_area .map_h_area a::before {
	position: absolute;
	display: block;
	content: "";
	width: 6px;
	height: 6px;
	top: 50%;
	right: 0;
	margin-top: -4px;
	border-top: 2px solid;
	border-right: 2px solid;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.map_b_area.hokkaido .map_h_area a::before {color: #86b6dc;}
.map_b_area.tohoku .map_h_area a::before {color: #8bc65c;}
.map_b_area.nkanto .map_h_area a::before {color: #be97c4;}
.map_b_area.shutoken .map_h_area a::before {color: #eb5f50;}
.map_b_area.koushinetsu .map_h_area a::before {color: #f27c95;}
.map_b_area.hokuriku .map_h_area a::before {color: #738ec5;}
.map_b_area.kansai .map_h_area a::before {color: #c06c7c;}
.map_b_area.tokai .map_h_area a::before {color: #f3a14f;}

.map_b_area .map_b_text {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	padding-top: 4px;
}
.map_h_area.map_b_text {
	margin-top: 0;
	display: block;
}
.map_b_area .map_b_text li {
	border-radius: 3px;
}
.map_b_area.tohoku .map_b_text li {background: #dbebce;}
.map_b_area.nkanto .map_b_text li {background: #e9dfeb;}
.map_b_area.shutoken .map_b_text li {background: #f7e3e1;}
.map_b_area.koushinetsu .map_b_text li {background: #fae3e8;}
.map_b_area.hokuriku .map_b_text li {background: #dae0eb;}
.map_b_area.kansai .map_b_text li {background: #ebd8db;}
.map_b_area.tokai .map_b_text li {background: #f5e1ce;}

.map_b_area.tohoku .map_b_text li:hover {background: #c3e0ab;}
.map_b_area.nkanto .map_b_text li:hover {background: #e1cae6;}
.map_b_area.shutoken .map_b_text li:hover {background: #f7d1cd;}
.map_b_area.koushinetsu .map_b_text li:hover {background: #f5cbd4;}
.map_b_area.hokuriku .map_b_text li:hover {background: #c0cfeb;}
.map_b_area.kansai .map_b_text li:hover {background: #e5c5ca;}
.map_b_area.tokai .map_b_text li:hover {background: #f2ceac;}

.map_b_area .map_b_text li a {
	text-decoration: none;
	color: #4d4d4d;
	font-size: 1.3rem;
	min-width: 52px;
	height: 30px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.map_b_area .map_b_text li+li {
	margin-left: 4px;
}

.map_s_img {
	position: absolute;
	width: 100%;
	height: 100%;
}
.map_s_img li {
	position: absolute;
	display: block;
}

/*----- 北海道 -----*/
.map_b_area.hokkaido {
	width: 127px;
	height: 113px;
	background: url("/content/dam/jretravel/site/page/top/images/map/map_b_1.png") no-repeat;
	top: 15px;
	left: 157px;
	padding-bottom: 74px;
}
.map_s_img.hokkaido li.img01 {
	top: 13px;
	left: 12px;
}

/*----- 東北 -----*/
.map_b_area.tohoku {
	width: 217px;
	height: 123px;
	background: url("/content/dam/jretravel/site/page/top/images/map/map_b_2.png") no-repeat;
	top: 30px;
	right: 10px;
	padding-left: 38px;
	padding-right: 15px;
}
.map_b_area.tohoku .map_b_text li:nth-of-type(4n) {margin-left: 0;}
.map_b_area.tohoku .map_b_text li:nth-of-type(n+4) {margin-top: 4px;}

.map_s_img.tohoku li.img02 {top: 43px;	right: 198px;}
.map_s_img.tohoku li.img03 {top: 104px;	right: 230px;}
.map_s_img.tohoku li.img04 {top: 107px;	right: 181px;}
.map_s_img.tohoku li.img05 {top: 193px;	right: 200px;}
.map_s_img.tohoku li.img06 {top: 184px;	right: 247px;}
.map_s_img.tohoku li.img07 {top: 254px;	right: 227px;}

/*----- 北関東 -----*/
.map_b_area.nkanto {
	width: 242px;
	height: 92px;
	background: url("/content/dam/jretravel/site/page/top/images/map/map_b_4.png") no-repeat;
	top: 273px;
	right: 20px;
	padding: 6px 15px 18px 63px;
}
.map_s_img.nkanto li.img08 {top: 312px;	right: 236px;}
.map_s_img.nkanto li.img09 {top: 300px;	right: 263px;}
.map_s_img.nkanto li.img10 {top: 304px;	right: 292px;}

/*----- 首都圏 -----*/
.map_b_area.shutoken {
	width: 245px;
	height: 193px;
	background: url("/content/dam/jretravel/site/page/top/images/map/map_b_5.png") no-repeat;
	/*bottom: 18px;*/
	top: 385px;
	right: 10px;
	padding: 42px 15px 15px 10px;
}
.map_b_area.shutoken .map_b_text li:nth-of-type(4n) {margin-left: 4px;}
.map_b_area.shutoken .map_b_text li:nth-of-type(n+4) {margin-top: 0;}
.map_b_area.shutoken .map_b_text li:nth-of-type(n+5) {margin: 4px 0 0 0;}
.map_b_area.shutoken .map_b_text li a[href*="chiba02"],
.map_b_area.shutoken .map_b_text li a[href*="kanagawa02"] {
	width: 220px;
}
.map_s_img.shutoken li.img11 {top: 350px; right: 280px;}
.map_s_img.shutoken li.img12 {top: 364px; right: 236px;}
.map_s_img.shutoken li.img13 {top: 372px; right: 280px;}
.map_s_img.shutoken li.img14 {top: 386px; right: 287px;}

/*----- 甲信越 -----*/
.map_b_area.koushinetsu {
	width: 189px;
	height: 128px;
	background: url("/content/dam/jretravel/site/page/top/images/map/map_b_7.png") no-repeat;
	top: 190px;
	left: 147px;
	padding-right: 15px;
	padding-bottom: 42px;
}
.map_s_img.koushinetsu li.img15 {top: 220px; right: 281px;}
.map_s_img.koushinetsu li.img20 {top: 307px; right: 334px;}
.map_s_img.koushinetsu li.img19 {top: 369px; right: 315px;}

/*----- 北陸 -----*/
.map_b_area.hokuriku {
	width: 210px;
	height: 89px;
	background: url("/content/dam/jretravel/site/page/top/images/map/map_b_8.png") no-repeat;
	/*bottom: 225px;*/
	top: 282px;
	left: 15px;
	padding-right: 36px;
	padding-bottom: 15px;
}
.map_s_img.hokuriku li.img16 {top: 310px; right: 379px;}
.map_s_img.hokuriku li.img17 {top: 277px; right: 396px;}
.map_s_img.hokuriku li.img18 {top: 349px; right: 422px;}

/*----- 関西 -----*/
.map_b_area.kansai {
	width: 189px;
	height: 145px;
	background: url("/content/dam/jretravel/site/page/top/images/map/map_b_9.png") no-repeat;
	/*bottom: 10px;*/
	top: 441px;
	left: 10px;
	padding: 62px 15px 15px 10px;
}

.map_s_img.kansai li.img27 {top: 421px; right: 473px;}
.map_s_img.kansai li.img26 {top: 378px; right: 457px;}
.map_s_img.kansai li.img28 {top: 385px;	right: 487px;}
.map_s_img.kansai li.img25 {top: 383px;	right: 439px;}
.map_s_img.kansai li.img29 {top: 434px;	right: 450px;}
.map_s_img.kansai li.img30 {top: 457px;	right: 461px;}

/* 県追加_2303 */
.ver_2303 .map_b_area.kansai {
	height: 164px;
	background-image: url("/content/dam/jretravel/site/page/top/images/map/map_b_9_02.png");
	padding-top: 47px;
	top: 465px;
}
.ver_2303 .map_b_area.kansai .map_b_text li:nth-of-type(3n+1) {margin-left: 0;}
.ver_2303 .map_b_area.kansai .map_b_text li:nth-of-type(n+4) {margin-top: 4px;}

/*----- 東海 -----*/
.map_b_area.tokai {
	width: 189px;
	height: 168px;
	background: url("/content/dam/jretravel/site/page/top/images/map/map_b_10.png") no-repeat;
	/*bottom: 10px;*/
	top: 418px;
	left: 204px;
	padding: 50px 15px 15px 10px;
}
.map_b_area.tokai .map_b_text li:nth-of-type(4) {margin-left: 0;}
.map_b_area.tokai .map_b_text li:nth-of-type(n+4) {margin-top: 4px;}
.map_b_area.tokai .map_b_text li a[href*="/izu"] {width: 108px;}

.map_s_img.tokai li.img21 {top: 339px; right: 384px;}
.map_s_img.tokai li.img22 {top: 386px; right: 313px;}
.map_s_img.tokai li.img31 {top: 401px; right: 379px;}
.map_s_img.tokai li.img32 {top: 408px; right: 419px;}

/*----- その他 -----*/
.map_s_img.other li.imgother {top: 387px; right: 518px;}
.map_s_img.other img{max-width: 241px;}

@media screen and (max-width: 568px){/*767px*/
	.map_wrap {
		width: 100%;
		height: auto;
		padding: 20px 10px 30px;
		background: none;
		border: none;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.map_b_area {
		width: calc(50% - 5px) !important;
		height: auto !important;
		position: static;
		padding: 0 !important;
		background: #fff !important;
		border-radius: 8px;
		border: 2px solid;
		text-align: center;
		display: -webkit-flex;
		display: flex;
		z-index: 0;
	}
	.map_b_area:nth-of-type(2n) {margin-left: 10px;}
	.map_b_area:nth-of-type(n+3) {margin-top: 10px;}
	.map_b_area.hokkaido {
		border-color: #86b6dc;
		filter: drop-shadow(3px 3px 1px #dae3ea);
	}

	.map_b_area a {
		color: #4d4d4d;
		text-decoration: none;
		display: block;
		padding: 3px 5px 5px !important;
		width: 100%;
	}
	.map_b_area.hokkaido a {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.map_b_area a:hover {
		opacity: .8;
	}
	.map_b_area .map_h_area {
		display: inline-block;
		padding: 0 10px 0 0;
		position: relative;
	}
	.map_b_area .map_h_area::before {
		position: absolute;
		display: block;
		content: "";
		width: 6px;
		height: 6px;
		top: 50%;
		right: -5px;
		margin-top: -4px;
		border-top: 2px solid;
		border-right: 2px solid;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.map_b_area.hokkaido .map_h_area::before {color: #86b6dc;}
	.map_b_area.tohoku .map_h_area::before {color: #8bc65c;}
	.map_b_area.nkanto .map_h_area::before {color: #be97c4;}
	.map_b_area.shutoken .map_h_area::before {color: #eb5f50;}
	.map_b_area.koushinetsu .map_h_area::before {color: #f27c95;}
	.map_b_area.hokuriku .map_h_area::before {color: #738ec5;}
	.map_b_area.kansai .map_h_area::before {color: #c06c7c;}
	.map_b_area.tokai .map_h_area::before {color: #f3a14f;}

	.map_b_area .map_b_text {
		border-top: 1px solid;
	}
	.map_b_area.tohoku,
	.map_b_area.tohoku .map_b_text {border-color: #8bc65c;}
	.map_b_area.tohoku {filter: drop-shadow(3px 3px 1px #e2e8de);}

	.map_b_area.nkanto,
	.map_b_area.nkanto .map_b_text {border-color: #be97c4;}
	.map_b_area.nkanto {filter: drop-shadow(3px 3px 1px #e1dee2);}

	.map_b_area.shutoken,
	.map_b_area.shutoken .map_b_text {border-color: #eb5f50;}
	.map_b_area.shutoken {filter: drop-shadow(3px 3px 1px #e9d5d2);}

	.map_b_area.tokai,
	.map_b_area.tokai .map_b_text {border-color: #f3a14f;}
	.map_b_area.tokai {filter: drop-shadow(3px 3px 1px #e8ded4);}

	.map_b_area.koushinetsu,
	.map_b_area.koushinetsu .map_b_text {border-color: #f27c95;}
	.map_b_area.koushinetsu {filter: drop-shadow(3px 3px 1px #ead9dd);}

	.map_b_area.hokuriku,
	.map_b_area.hokuriku .map_b_text {border-color: #738ec5;}
	.map_b_area.hokuriku {filter: drop-shadow(3px 3px 1px #d9dfec);}

	.map_b_area.kansai,
	.map_b_area.kansai .map_b_text {border-color: #c06c7c;}
	.map_b_area.kansai {filter: drop-shadow(3px 3px 1px #efd9dd);}

	.map_b_area .map_b_text p {
		font-size: 1.2rem;
		position: relative;
		line-height: 1.5;
	}
}
@media all and (min-width:568px){
.map_wrap.map_pc {display:block;}
.map_wrap.map_sp {display:none;}
}
@media all and (max-width:568px){
.map_wrap.map_pc {display:none;}
.map_wrap.map_sp {display:flex;}
}

/* ---------------------------------------------------------

	02. 最下部バナー（20230615追加）

--------------------------------------------------------- */
.bnr_ctr{text-align: center;}
.bnr_w460:last-child ul {
    display: flex;
    justify-content: center;
    padding: 5px 0;
}
.bnr_w460:last-child img {
    max-width: 288px;
    max-height: 80px;
}
.hotels_bnrbox img{width: 600px;}

/*PDFアイコンを表示させない*/
.no_pdf a[href*=".pdf"]:before{
    content: '';
    display: inline;
    background-image: none!important;
    background-repeat: no-repeat;
    background-size: 0px;
    padding: 0;
    background-position: 0px;
    margin-right: 0px;
}


@media all and (max-width:767px){
.bnr_w460:last-child ul {
    text-align: center;
}
.bnr_w460:last-child img {
    height: 65px;
    width: auto !important;
}
}


/* ---------------------------------------------------------

	03. 人気のキーワード　ABテスト用（20230907追加）
　　　　　採用無しになった場合はこの03章ごと削除

--------------------------------------------------------- */
.keyword_box{
	margin-top: 0px!important;
	padding-left: 1em;
}

/* ---------------------------------------------------------

	04. スキークーポン　ABテスト用（20231025追加）
　　　　　採用無しになった場合はこの04章ごと削除

--------------------------------------------------------- */
.recommend_ttl{
	text-align: center;
	margin: 0 10px 10px 10px;
	line-height: 150%;
}
.recommend_ttl .bld{
	font-weight: bold;
	font-size: 1.6rem;
}
/*PCでは改行しない*/
.br_sp{display: none;}

/*スマホでは改行する*/
@media screen and (max-width: 767px) {
	.recommend_ttl{text-align: left;}
	.recommend_ttl .bld{text-align: center;}
}