.map-japan {
	position: relative;
	height: 377px;
}
.map-japan-btn-tab { display: none; }

/* ボタン */
.map-japan-btn ul li {
	position: absolute;
	z-index: 20;
	width: 8em;
}
.map-japan-btn ul li.hokkaido_btn {
	top: 20px;
	left: 700px;
}
.map-japan-btn ul li.tohoku_btn {
	top: 135px;
	left: 552px;
}
.map-japan-btn ul li.hokuriku_btn {
	top:197px;
	left:427px;
}
.map-japan-btn ul li.tokai_btn {
	top:280px;
	left:508px;
}
/* .map-japan-btn ul li.disney_btn {
	top:328px;
	left:601px;
	width: 15em;
} */
.map-japan-btn ul li.kanto_btn {
	top:236px;
	left:600px;
}
/* .map-japan-btn ul li.usj_btn {
	top:328px;
	left:307px;
	width: 20em;
} */
.map-japan-btn ul li.kansai_btn {
	top:257px;
	left:378px;
}
.map-japan-btn ul li.chushikoku_btn {
	top:173px;
	left:253px;
}
.map-japan-btn ul li.kyushu_btn {
	top: 205px;
	left: 60px;
}
.map-japan-btn ul li.okinawa_btn {
	top: 35px;
	left: 130px;
}

/* ボタンリンク */
.map-japan-btn ul li a {
	display: block;
	font-size: 14px;
	background-color: #ffc600;
	text-align: center;
	padding: .4em 0;
	color: #212025;
	text-decoration: none;
	box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3), 0 14px 5px rgba(255, 255, 119, 0.4) inset;
	border-radius:4px;
	border:1px solid #fff;
	transition: .04s;
	transform-origin: middle center;
}
.map-japan-btn ul li a:hover {
	box-shadow: 0 1px 4px rgba(0,0,0,.4), 0 -14px 5px rgba(255, 255, 119, 0.2) inset;
	transform: scale(0.98,0.98);
}
.map-japan-btn ul li a span {
	font-weight: bold;
}

/* 地図表示切り替え */
.map-japan img {
	position: absolute;
	top: 0;
	left: 0;
	opacity:0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}
.map-japan img.japan {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
.map-japan img.hover  {
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	transition: 0.2s;
}

/* 地図重なり順 */
.map-japan .hokkaido { z-index: 9; }
.map-japan .tohoku { z-index: 8; }
.map-japan .kanto { z-index: 7; }
.map-japan .hokuriku_tokai { z-index: 6; }
.map-japan .kansai { z-index: 5; }
.map-japan .chushikoku { z-index: 4; }
.map-japan .kyushu { z-index: 3; }
.map-japan .okinawa { z-index: 2; }
.map-japan .japan { z-index: 1; }

/*custom css*/
.hotelContainer {
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 30px;
}

.boxList {
	display: block;
	margin-left:-9px;
}

.boxList li {
    background-color: #0070c0;
    display: inline-block;
    margin-bottom: 11px;
    padding: 0 3px 3px;
    vertical-align: top;
    width: 32%;
	margin-left:9px;
}

.hotelContainer .boxTitle {
	padding: 21px 0 16px 2px;
	text-align: left;
}

.boxTitle a{
	color: #fff;
}

.hotelContainer .boxContent {
	background-color: #fff;
	padding:0 6px 5px 5px;
}

.boxContent .thumbnails {
	display: block;
	padding-top: 8px;
}

.thumbnails .thumb {
	display: inline-block;
	vertical-align:top;
	text-align: left;
	width:135px;
}
.thumbnails .thumb.last {
	margin-left:1%;
}
.thumbnails .thumb p {
	width:100%;
}

.thumb span{
	font-size: 83%;
	display:block;
	padding-top:4px;
}

.subText {
	display: block;
	width: 80px;
	height: 28px;
	margin-top:5px;
	color: #fff;
	padding: 4px 3px;
}

.tcenter {
	text-align: center;
}

.subtextStyle01{
	background-color: #00b050;
	border-radius: 4px;
}

.subtextStyle02{
	background-color: #ff5d6f;
	border-radius: 4px;
}

.subtextStyle03{
	background-color: #ffc000;
	border-radius: 4px;
}

.subtextStyle04{
	background-color: #00b0f0;
	border-radius: 4px;
}

.subtextStyle05{
	background-color: #1f497d;
	border-radius: 4px;
}

.subtextStyle06{
	background-color: #f0a2e7;
	border-radius: 4px;
}

.txt01,.txt02{
	width: 287px;
	margin-top:5px;
	text-align: left;
}

.txt01 .mini{
	padding: 3px 5px 0 5px;
	font-size: 75%;
	font-weight: bold;
	background-color: #7ba7bf;
	color: #fff;
	border-radius: 3px;
	letter-spacing: 1px;
}

.txt02 span,.txt02 p{
	display: inline-block;
	text-align: left;
}

.txt02 span img{
	width: 18px;
	height: 18px;
}

.redText {
	display: block;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
	color: #ff0000;
}

.btn{
	display: block;
	text-align: center;
	margin: 5px 0 5px 0;
}

.btn img{
	width: 224px;
	height: 31px;
}

.res-btn-link.type-01 {
    margin: 10px auto;
    width: 90%;
}

/*custom css*/


@media (min-width: 0px) and (max-width: 1024px) {
	.map-japan { display: none; }
	.map-japan-btn-tab { display: block; }
	/*custom css*/
	.hotelContainer .boxContent {
		padding:0 6px 5px 0px;
	}

	.boxList{
		width: 100%;
		margin: 0 auto;
	}

	.boxList li{
		width: 47%;
	}

	.thumbnails:before,
	.thumbnails:after{
		display: table;
		content: '';
		clear: both;
	}

	.thumbnails{
		padding-left: 0;
	}

	.thumbnails .thumb {
		width: 48%;
	}

	.thumb p img{
		width: 100%;
		height: auto;
	}

	.subText {
		margin-left: 5px;
	}

	.txt01,.txt02{
		width: 100%;
		margin-top:5px;
		text-align: left;
	}

	.txt01,.txt02{margin-left: 5px;}

	.txt01{
		letter-spacing: 3.1px;
	}

	/*custom css*/
}

@media (min-width: 0px) and (max-width: 640px) {
	.hotelContainer .boxContent {
		padding:0 5px 5px 5px;
	}

	.boxList li{
		width: 90%;
	}

	.thumbnails{
		display: block;
		text-align: center;
	}

	.thumbnails .thumb {
		width: 48%;
	}
}