@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;
top: 0;
z-index: 99999;
text-align: center;
background-color: rgba(0,0,0,0.5);
}
.load img{
position: absolute;
top: 50%;
}

li{
margin-top: 0 !important;
}


/* ========== 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_slideWrap{
position: relative;
height: 600px;
display: block;
}
.mainTitle_slide{
    position: absolute;
    width: 1600px;
    z-index: 0;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.mainTitle_slide div:nth-of-type(n+2) img{
opacity: 0;
}

.mainTitle h2{
    position: absolute;
    top: 80px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    z-index: 2;
}
.mainTitle .summary{
background: #F6F7FB;
padding-bottom: 30px;
}
.mainTitle .summary .inner{
width: 950px;
margin: -50px auto 0;
    position: relative;
    z-index: 3;
}
.mainTitle .summary .inner .plan{
width: 950px;
margin: -30px auto 0;
}
.mainTitle .summary .inner .box01{
background: #fff;
border: 1px solid #B19E5C;
padding: 20px;
margin-bottom: 20px;
box-sizing: border-box;
}
.mainTitle .summary .inner .box01 .target{
text-align: center;
font-size: 16px;
}
.mainTitle .summary .inner .box01 .point{
background: #F7F7F0;
padding: 20px 15px;
margin-top: 10px;
box-sizing: border-box;
}
.mainTitle .summary .inner .box01 .point dd {
    float: right;
    width: 780px;
}
.mainTitle .summary .inner .box01 .point dt {
    float: left;
}


/* ========== contents ========== */ 
*:focus {
    border: none;
    outline: none;
}

.contents {
    overflow-x: hidden;
}

.contents .capTxt{
	width:950px;
	margin:10px auto 0;
}

.contents .hotelArea {
margin-top: 60px;
}
.contents .hotelArea .logo {
text-align: center;
}
.contents .hotelArea .hotelList {
width: 950px;
margin:60px auto 0;
}
.contents .hotelArea .hotelList li {
float: left;
text-align: center;
position: relative;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.contents .hotelArea .hotelList li:hover{
cursor: pointer;
}
.contents .hotelArea .hotelList li .pic{
position: relative;
line-height: 0;
margin-bottom: 15px;
}
.contents .hotelArea .hotelList li:hover .pic:before {
content: "";
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: url(../img/icon_click01.png) no-repeat center;
background-color: rgba(0,0,0,0.5);
}
.contents .hotelArea .hotelList li.select:after {
content: "";
display: inline-block;
text-align: center;
vertical-align: middle;
width: 30px;
height: 15px;
background: url(../img/icon_arrow01.png) no-repeat 0 0;
position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: auto;
	
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.contents .hotelArea .hotelList.l01 li {
width: 460px;
}
.contents .hotelArea .hotelList.l01 li:nth-child(2n) {
float: right;
}
.contents .hotelArea .hotelList.s01 li {
width: 300px;
margin-right: 25px;
}
.contents .hotelArea .hotelList.s01 li:nth-child(3n) {
margin-right: 0;
}
.contents .hotelArea .hotelDetail01{
background: #F7F7F0;
box-sizing: border-box;
margin: 30px 0;
position: relative;
}
.contents .hotelArea .hotelDetail01 .detBox01{
width: 950px;
padding: 40px 0;
margin: auto;
}
.contents .hotelArea .hotelDetail01 .detBox01 .closeBtn{
position: absolute;
right: 40px;
top: 40px;
}
.contents .hotelArea .hotelDetail01 .detBox01 .closeBtn:hover{
cursor: pointer;
opacity: 0.7;
}
.contents .hotelArea .hotelDetail01 .detBox01 h3{
text-align: center;
}

.contents .hotelArea .hotelDetail01 .detBox01 .slick-dotted.slick-slider{
    margin: 20px 0 0;
}
.contents .hotelArea .hotelDetail01 .detBox01 button.slick-arrow {
background: url() no-repeat 0 0;
width: 18px;
height: 32px;
cursor: pointer;
background-color: none;
padding: 0;
border: 0;
text-indent: -9999px;
position: absolute;
top: 50%;
z-index: 5;
}

.contents .hotelArea .hotelDetail01 .detBox01 button.slick-prev {
background: url(../img/icon_arrow_l01.png) no-repeat 0 0;
left: 10px;
}
.contents .hotelArea .hotelDetail01 .detBox01 button.slick-next {
background: url(../img/icon_arrow_r01.png) no-repeat 0 0;
right: 10px;
}
.contents .hotelArea .hotelDetail01 .detBox01 .slick-dots {
    bottom: 5px;
}
.contents .hotelArea .hotelDetail01 .detBox01 .slick-dots li {
width: 10px;
}
.contents .hotelArea .hotelDetail01 .detBox01 .slick-dots li button:before {
color: #FFFFFF;
    opacity: 1;
	    font-size: 12px;
}
.contents .hotelArea .hotelDetail01 .detBox01 .slick-dots li.slick-active button:before{
    color: #B19E5C;
}

.contents .hotelArea .hotelDetail01 .detBox01 .infoArea{
background: #fff;
padding: 20px;
box-sizing: border-box;
}
.contents .hotelArea .hotelDetail01 .detBox01 .infoArea .hotelInfo01{
float: left;
width: 42%;
}
.contents .hotelArea .hotelDetail01 .detBox01 .infoArea .hotelInfo01 .hotelCheck{
display: table;
margin-bottom: 15px;
}
.contents .hotelArea .hotelDetail01 .detBox01 .infoArea .hotelInfo01 .hotelCheck .hotelIn01{
display: table-cell;
padding-right: 10px;
}
.contents .hotelArea .hotelDetail01 .detBox01 .infoArea .hotelInfo01 .hotelCheck .hotelIn01:before{
content: "";
display: inline-block;
margin-right: 5px;
vertical-align: middle;
width: 32px;
height: 18px;
background: url(../img/icon_in01.png) no-repeat 0 0;
}
.contents .hotelArea .hotelDetail01 .detBox01 .infoArea .hotelInfo01 .hotelCheck .hotelOut01{
display: table-cell;
}
.contents .hotelArea .hotelDetail01 .detBox01 .infoArea .hotelInfo01 .hotelCheck .hotelOut01:before{
content: "";
display: inline-block;
margin-right: 5px;
vertical-align: middle;
width: 32px;
height: 18px;
background: url(../img/icon_out01.png) no-repeat 0 0;
}
.contents .hotelArea .hotelDetail01 .detBox01 .infoArea > *[class^="tripBox"]{
float: right;
width: 55%;
}
.contents .hotelArea .hotelDetail01 .detBox01 .btnArea {
    margin-top: 20px;
    text-align: center;
}
.contents .hotelArea .hotelDetail01 .detBox01 .btnArea li {
    display: inline-block;
    vertical-align: middle;
	margin-right: 20px;
}
.contents .hotelArea .hotelDetail01 .detBox01 .btnArea li:nth-child(2) {
	margin-right: 0;
}
.contents .hotelArea .hotelDetail01 .detBox01 .btnArea li a{
    display: table-cell;
    vertical-align: middle;
	min-width: 260px;
    padding-top: 10px !important;
}
.contents .hotelArea .hotelDetail01 .detBox01 .btnArea .btnRD span {
background-position: 0 center ;
line-height: 1.2;
}
.contents .hotelArea .hotelDetail01 .detBox01 .btnArea .btnRD span.fs12 {
    padding-left: 0;
    display: inline-block;
    line-height: 0;
    background: none;
}