@charset "Shift_JIS";

.contentsInr img{
vertical-align:bottom;
}

.contentsInr .hotelDetail01 img{
vertical-align: middle;
}

.domtour940{
width:940px;
margin:0 auto;
}
.load{
width: 100%;
height: 100%;
position: fixed;
z-index: 99999;
text-align: center;
background-color: rgba(0,0,0,0.5);
}
.load img{
position: absolute;
top: 50%;
}

/* ========== link ========== */


.main a img:hover {
background:#FFF;
text-decoration:none;
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}


/* ========== Header ========== */ 

.mainTitle{
position: relative;
height: 100%;
}
.mainTitle_slide{
position: relative;
z-index: 0;
}
.mainTitle_slide img{
opacity: 0;
}
.mainTitle_cont{
position: absolute;
left: 0;
right: 0;
top: 0;
margin: auto;
width: 950px;
height: 100%;
}
.mainTitle .title{
position: absolute;
top: 55%;
left: 50%;
-webkit-transform: translate(-50%, -50%); /* Safari用 */
transform: translate(-50%, -50%);
}


/* ========== contentsInr ========== */ 
*:focus {
border: none;
outline: none;
}
.contents {
overflow-x: hidden;
}
.contentsInr .mapArea{
position: relative;
background: url(../img/map_bg.png) no-repeat 0 0;
background-size: contain;
min-height: 835px;
}
.contentsInr .mapArea .mapArea_hotel_btn{
position: absolute;
z-index: 6;
}
.contentsInr .mapArea .mapArea_hotel_btn.no510001{
top: 243px;
left: 317px;
}
.contentsInr .mapArea .mapArea_hotel_btn.no510000{
top: 336px;
left: 230px;
}
.contentsInr .mapArea .mapArea_hotel_btn.no510034{
top: 296px;
left: 230px;
}
.contentsInr .mapArea .mapArea_hotel_btn.no510023{
top: 412px;
right: 281px;
}
.contentsInr .mapArea .mapArea_hotel_btn.no510019{
top: 420px;
left: 230px;
}
.contentsInr .mapArea .mapArea_hotel_btn.no510003{
bottom: 347px;
left: 300px;
}
.contentsInr .mapArea .mapArea_hotel_btn.no510005{
bottom: 296px;
left: 278px;
}
.contentsInr .mapArea .mapArea_hotel_btn.no510012{
bottom: 284px;
right: 231px;
}
.contentsInr .mapArea .mapArea_hotel_btn.no510074{
bottom: 258px;
left: 250px;
}
.contentsInr .mapArea .mapArea_hotel_btn.no510042{
bottom: 237px;
right: 0;
}

.contentsInr .spotNav {
position: relative;
z-index: 2;
}
.contentsInr .spotNav .slick-track{
position: static;
min-height: 835px;
}

.contentsInr .spotNav .slick-slide{
position: absolute;
float: none;
height: auto;
}
.contentsInr .spotNav .slick-slide:hover {
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
cursor: pointer;
}
.contentsInr .spotNav .spot01.slick-slide{
bottom: 0;
right: 380px;
}
.contentsInr .spotNav .spot02.slick-slide{
top: 310px;
right: 80px;
}
.contentsInr .spotNav .spot03.slick-slide{
top: 65px;
right: 80px;
}
.contentsInr .spotNav .spot04.slick-slide{
bottom: 91px;
left: 0;
}
.contentsInr .spotNav .spot06.slick-slide{
bottom: 0;
right: 160px;
}
.contentsInr .spotNav .spot05.slick-slide{
top: 0;
right: 310px;
}
.contentsInr .spotNav .spot07.slick-slide{
top: 243px;
left: 0;
}
.spotArea{
margin-top: 30px;
background: url(../img/map_spot_bg01.png) no-repeat center bottom,
url(../img/map_spot_bg02.png) repeat center bottom;
width: 100%;
}
.spotArea_slide{
width:1010px;
margin: auto;
color: #fff;
}

.spotArea_slide .slick-arrow {
position: absolute;
top: 50%;
margin-top: -34px;
width: 16px;
height: 34px;
z-index: 6;
display: inline-block;
text-indent: -99999px;
background: none;
border: none;
}
.spotArea_slide .slick-arrow:hover {
cursor: pointer;
}

.spotArea_slide .slick-prev {
left: -35px;
background: url(../img/icon_arrow_l01.png) no-repeat 0 0;
background-size: contain;
}
.spotArea_slide .slick-next {
right: -35px;
background: url(../img/icon_arrow_r01.png) no-repeat 0 0;
background-size: contain;
}

.spotArea_slide .spotBoxs.pt01{
margin: auto;
color: #fff;
padding: 40px 30px;
}
.spotArea_slide .spotBoxs.pt02{
margin: auto;
color: #fff;
padding: 0 30px 0;
}
.spotArea_slide .title{
font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
}
.spotArea_slide .pic01{
margin-bottom: 20px;
}

.spotArea_slide .spotBoxs.pt01 .text01{
width: 510px;
float: left;
}
.spotArea_slide .spotBoxs.pt01 .info01{
float: right;
width: 410px;
padding: 15px;
border: 1px solid #fff;
box-sizing: border-box;
line-height: 1.7;
}

.spotArea_slide .spotBoxs.pt01 .info01 table{
font-size: 12px;
}

.spotArea_slide .spotBoxs.pt01 .info01 th{
width: 70px;
vertical-align: top;
color: #FFFFBF;
}


.spotArea_slide .spotBoxs.pt02 {
height: 100%;
position: relative;
}
.spotArea_slide .spotBoxs.pt02 .text01{
width: 630px;
float: left;
padding-top: 45px ;
padding-bottom: 80px ;
}
.spotArea_slide .spotBoxs.pt02 .info01{
position: relative;
float: right;
top: 0;
width: 290px;
height: 100%;
padding: 35px 15px 80px;
background: #0D2F80;
box-sizing: border-box;
line-height: 1.7;
}
.spotArea_slide .spotBoxs.pt02 .info01 .text{
margin-top: 15px;
}
.spotArea_slide .spotBoxs.pt02 .info01 .text img {
text-align: center;
margin: auto;
}
.spotArea_slide .spotBoxs.pt02 .info01 .other{
margin-top: 30px;
}
.spotArea_slide .info01 .other p,
.spotArea_slide .info01 .other li{
font-size: 12px;
}
.spotArea_slide .info01 .other .txYel01{
color: #FFFFBF;
}
.spotArea_slide .spotBoxs.pt02 .info01 a.btnRD.iconOtherImg {
border: 1px solid #fff;
    margin: 30px auto 0;
    display: inline-block;
}
.btnRD.iconOtherImg .extIcon {
display: inline-block;
}

.hotelArea {
margin: 40px auto;
}
.hotelArea > h3{
margin: 80px 0 40px;
text-align: center;
font-size: 24px;
font-weight: bold;
}

.hotelArea .txt_plan01{
border: 1px solid #ddd;
padding: 15px;
text-align: center;
}
.hotelArea .txt_plan01 span{
font-size: 18px;
color: #cc0000;
}
.hotelArea .hotelBox01{
margin-bottom: 30px;
}
.hotelArea .hotelBox01 .hotelName01.yu01{
position: relative;
width: 300px;
padding-right: 30px;
box-sizing: border-box;
}
.hotelArea .hotelBox01 .hotelName01.yu01:after{
content: "";
display: inline-block;
width: 22px;
height: 22px;
background: url(../img/icon_yu01.png) no-repeat 0 0;
background-size: contain;
position: absolute;
top: 50%;
right: 10px;
margin-top: -12px;
}
.hotelArea .hotelBox01 .planTxt{
margin-top: 10px;
text-align: center;
}
.hotelArea .hotelBox01 .tripBox180{
margin-top: 10px;
}
.hotelArea .hotelBox01 .hotelDetail01,
.hotelArea .hotelBox01 .hotelSelect01{
margin-top: 0;
} 