@charset 'utf-8';
.langList{
z-index:10000;
}
.pcNone    {display:none;}
.floatL    {float:left;}
.floatR    {float:right;}
.floatN    {
float: none;
clear: both;
overflow: hidden;
}
.fMchou    {
font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
.pb0    {padding-bottom:0 !important;}



/*----------------------------------- #mainVisual --*/
#mainVisual{
position: relative;
}
.tit_hotel{
position: absolute;
left: 50%;
top: 50%;
z-index: 100;
width: 22%;
margin-top: -6.6%;
margin-left: -9%;
}
.tit_hotel img{
width: 100%;
vertical-align: middle;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
}

#keyvisual.mixGrid {
width: 100%;
margin-bottom: 0;
overflow: hidden;
position: relative;
}



#keyvisual.mixGrid .kvBox.floatL{
width:57.178%;
}
#keyvisual.mixGrid .kvBox.floatR{
width:42.822%;
}
#keyvisual .kvBox .number02 p span{
margin-left:13.5%;
}
#keyvisual.mixGrid .kvBox .kvBoxSmall li{
width: 50%;
}
#keyvisual.mixGrid ul li:first-child{
/*
display:none;
*/
}



#keyvisual.mixGrid ul{
position: relative;
}
#keyvisual.mixGrid ul li{
z-index: 1;
overflow: hidden;
}
#keyvisual.mixGrid ul li a{
display: block;
position: relative;
}
#keyvisual.mixGrid ul li a img{
width:100% !important;
vertical-align: middle;
}
#keyvisual.mixGrid ul li a p{
position: absolute;
bottom: 0;
text-align: left;
width: 100%;
line-height: 1.25;
font-size:12px;
color:#000;
background-color: rgba(255, 255, 255, 0.75);
}
#keyvisual.mixGrid ul li a p span{
display:block;
padding: 8px 10px 7px 30px;
background-image: url(../images/icon/ico_descrip.png);
background-repeat: no-repeat;
background-position: 10px center;
background-size: 16px auto;
}
#keyvisual.mixGrid ul li.item02 a p span{
margin-left:13%;
}
#keyvisual.mixGrid ul li a:hover{
opacity: 1.0;
}
#keyvisual.mixGrid ul li a:hover img{
opacity: 0.3;
}
#keyvisual.mixGrid ul li.hide a:hover{
opacity: 1.0;
top:0;
}
#keyvisual.mixGrid ul li.hide a:hover img{
opacity: 1.0;
vertical-align: middle;
}



#keyvisual.mixGrid ul li.item01,
#keyvisual.mixGrid ul li.item02,
#keyvisual.mixGrid ul li.item03,
#keyvisual.mixGrid ul li.item04,
#keyvisual.mixGrid ul li.item05 {
opacity: 1.0;
}
#keyvisual.mixGrid ul li.item01 {
width: 57.15%;
left: 0;
}
#keyvisual.mixGrid ul li.item02 {
width: 42.85%;
left: 57.15%;
}
#keyvisual.mixGrid ul li.item03 {
width: 42.85%;
left: 57.15%;
}
#keyvisual.mixGrid ul li.item04 {
width: 28.575%;
left: 0;
}
#keyvisual.mixGrid ul li.item05 {
width: 28.575%;
left: 28.575%;
}



/*----------------------------------- #globalNav --*/
#contents{
overflow: hidden;
position: relative;
padding-top:48px;
margin-top:20px;
}

#globalNav{
position: absolute;
top: 0;
width: 100%;
height: 48px;
background-image: url(../images/top/gnav_bg.jpg);
background-repeat: repeat-x;
background-position: center center;
z-index: 9999;
}
#globalNav nav{
max-width:1000px;
width:100%;
margin:0 auto;
}
#globalNav nav ul.menu{
position: relative;
}
#globalNav nav ul.menu li.level01{
width:50%;
float:left;
text-align:center;
display:block !important;
}
#globalNav nav ul.menu li.level01 span.navTit{
position: relative;
overflow:hidden;
display:block;
font-size:15px;
color:#ffffff;
padding: 10px;
cursor: pointer;
margin: 7px 0 6px;
letter-spacing: 0.03em;
border-right:1px dotted #ffffff;
}
#globalNav nav ul.menu li:first-child span.navTit{
border-left:1px dotted #ffffff;
}
#globalNav nav ul.menu li.level01 span.navTit:after{
content: "";
width: 11px;
height: 6px;
margin-left: 15px;
display: inline-block;
background-image: url(../images/icon/ico_arr_wb.png);
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100% auto;
vertical-align: middle;
}



#globalNav div.child{
display: none;
position: absolute;
left:0;
top:48px;
margin: 0;
padding: 18px 0 0;
width:100%;
}
#globalNav div.child:before{
content:"";
position: absolute;
left:0;
top: 0;
width: 50%;
height: 20px;
background-image: url(../images/icon/ico_arr_wt.png);
background-repeat: no-repeat;
background-position: center 0;
background-size: 35px auto;
}
#globalNav nav ul.menu li.nav02 div.child:before{
left: initial;
right: 0;
}
#globalNav div.child .childNav{
overflow:hidden;
position: relative;
width:90%;
margin:0 auto;
background: #ffffff;
}
#globalNav div.child .byArea{
background: #ffffff url(../images/top/nav_map.png) no-repeat center 30px;
}
#globalNav div.child li a{
display: block;
}



#globalNav div.child .childNav .childInn{
clear: both;
overflow: hidden;
padding:30px 40px;
}
#globalNav div.child .childNav .childInn.pb0{
margin-bottom:15px;
}
#globalNav div.child .byArea .childBox{
width:22.2%;
float:left;
}
#globalNav div.child .byArea .floatL{
width:22.2%;
}
#globalNav div.child .childNav .hokkaido_a{
width:100%;
float:none;
}
#globalNav div.child .childNav .tohoku_a{
width:100%;
float:none;
margin-top:15px;
}
#globalNav div.child .childNav .tokyo_a{
float: right;
}
#globalNav div.child .childNav .nagoya_a{
margin-left: 30px;
}
#globalNav div.child .childNav .osaka_a{

}
#globalNav div.child .childNav .sanin_shikoku{
margin-left: 30px;
}
#globalNav div.child .childNav .sanin_a{
width: auto;
float: none;
}
#globalNav div.child .childNav .shikoku_a{
width: auto;
float: none;
margin-top:15px;
}
#globalNav div.child .childNav .kyushu_a{
margin-left: 30px;
}
#globalNav div.child .childNav .okinawa_a{
margin-left:30px;
}



#globalNav div.child .byArea .childBox h2{
font-size: 18px;
font-weight: bold;
text-align: left;
line-height: 100%;
padding: 10px 0;
margin-bottom:12px;
}
#globalNav div.child .childNav .hokkaido_a h2{
color:#ec9418;
border-bottom:1px solid #ec9418;
}
#globalNav div.child .childNav .tohoku_a h2{
color:#e0ac00;
border-bottom:1px solid #e0ac00;
}
#globalNav div.child .childNav .tokyo_a h2{
color:#298bc3;
border-bottom:1px solid #298bc3;
}
#globalNav div.child .childNav .nagoya_a h2{
color:#33b688;
border-bottom:1px solid #33b688;
}
#globalNav div.child .childNav .osaka_a h2{
color:#52a247;
border-bottom:1px solid #52a247;
}
#globalNav div.child .childNav .sanin_a h2{
color:#87b500;
border-bottom:1px solid #87b500;
}
#globalNav div.child .childNav .shikoku_a h2{
color:#af73bc;
border-bottom:1px solid #af73bc;
}
#globalNav div.child .childNav .kyushu_a h2{
color:#f491cd;
border-bottom:1px solid #f491cd;
}
#globalNav div.child .childNav .okinawa_a h2 {
color: #ff6694;
border-bottom: 1px solid #ff6694;
}



#globalNav div.child .byArea .childBox li a{
font-size:14px;
font-weight:bold;
color:#000000;
text-align: left;
line-height: 100%;
padding: 8px 0 5px 8px;
text-decoration: none;

background-repeat: no-repeat;
background-position: 0 center;
background-size: 5px auto;
}
#globalNav div.child .childNav .hokkaido_a li a{
background-image: url(../images/icon/ico_arr_r01.png);
}
#globalNav div.child .childNav .tohoku_a li a{
background-image: url(../images/icon/ico_arr_r02.png);
}
#globalNav div.child .childNav .tokyo_a li a{
background-image: url(../images/icon/ico_arr_r03.png);
}
#globalNav div.child .childNav .nagoya_a li a{
background-image: url(../images/icon/ico_arr_r04.png);
}
#globalNav div.child .childNav .osaka_a li a{
background-image: url(../images/icon/ico_arr_r05.png);
}
#globalNav div.child .childNav .sanin_a li a{
background-image: url(../images/icon/ico_arr_r06.png);
}
#globalNav div.child .childNav .shikoku_a li a{
background-image: url(../images/icon/ico_arr_r07.png);
}
#globalNav div.child .childNav .kyushu_a li a{
background-image: url(../images/icon/ico_arr_r08.png);
}
#globalNav div.child .childNav .okinawa_a li a{
background-image: url(../images/icon/ico_arr_r09.png);
}



#globalNav div.child .byArea .childBox li a:hover{
text-decoration: none;
}
#globalNav div.child .childNav .hokkaido_a  li a:hover{
color:#ec9418;
}
#globalNav div.child .childNav .tohoku_a  li a:hover{
color:#e0ac00;
}
#globalNav div.child .childNav .tokyo_a  li a:hover{
color:#298bc3;
}
#globalNav div.child .childNav .nagoya_a  li a:hover{
color:#33b688;
}
#globalNav div.child .childNav .osaka_a  li a:hover{
color:#52a247;
}
#globalNav div.child .childNav .sanin_a  li a:hover{
color:#87b500;
}
#globalNav div.child .childNav .shikoku_a  li a:hover{
color:#af73bc;
}
#globalNav div.child .childNav .kyushu_a  li a:hover{
color:#f491cd;
}
#globalNav div.child .childNav .okinawa_a  li a:hover{
color:#ff6694;
}

#globalNav div.child .childNav .childBox h2{
text-align:left;
}



/*------ Serch by Theme -----*/
#globalNav div.child .byTheme .childInn{
padding-top:35px;
padding-bottom: 35px;
}
#globalNav div.child .byTheme .childBox h2{
text-align:left;
font-size:18px;
font-weight:bold;
color:#0d436a;
margin-bottom: 15px;
}
#globalNav div.child .byTheme .childInn .floatL{
width:50%;
}
#globalNav div.child .byTheme .childInn .floatR{
width:50%;
}
#globalNav div.child .byTheme .childInn .floatL .childBox{
margin-right: 15px;
}
#globalNav div.child .byTheme .childInn .floatR .childBox{
margin-left: 15px;
}
#globalNav div.child .byTheme .childInn .childBox ul{
overflow: hidden;
margin-left:-5px;
margin-right:-5px;
}
#globalNav div.child .byTheme .childBox li{
/*
float:left;
width:50%;
*/
}
#globalNav div.child .byTheme .childBox li a{
font-size:14px;
font-weight:bold;
color:#000000;
padding:12px 5px 10px;
margin:5px;
text-align:center;
letter-spacing: -0.03em;
background:#dedede;
text-decoration: none;
}
#globalNav div.child .byTheme .childBox li a:hover{
color:#ffffff;
background:#000000;
text-decoration: none;
}



/*------ Whats a Ryokan -----*/
#globalNav div.child .whats_ryokan .childInn{
padding:35px 40px;
display: table;
table-layout: fixed;
width: 100%;
}
#globalNav div.child .whats_ryokan .childInn .floatL{
width: 40%;
display: table-cell;
vertical-align: middle;
float: none;
}
#globalNav div.child .whats_ryokan .childInn .floatR{
display: table-cell;
vertical-align: middle;
float: none;
padding-left: 3%;
}
#globalNav div.child .whats_ryokan .childInn .childBox ul{
overflow: hidden;
margin-left:-5px;
margin-right:-5px;
}
#globalNav div.child .whats_ryokan .childBox li{
/*
float:left;
width:50%;
*/
}
#globalNav div.child .whats_ryokan .childBox li img{
margin:0 2%;
width:96%;
vertical-align: middle;
}
#globalNav div.child .whats_ryokan .childInn .floatR .childBox p{
font-size: 14px;
color: #000000;
text-align: left;
line-height: 1.45;
letter-spacing: -0.03em;
}
.tit_bg_kara{
display:none;
}



/*----------------------------------- #searchSpecial --*/
#searchSpecial{
overflow: hidden;
max-width:980px;
width:100%;
margin:65px auto;
}
#searchSpecial .innSearch,
#searchSpecial .innSpecial{
width:470px;
}
#searchSpecial h2{
text-align: left;
font-size: 24px;
font-weight: bold;
color: #0d436a;
margin-bottom: 20px;
}

#searchSpecial a.btnMore{
float: right;
font-size: 12px;
color: #ffffff;
text-align: center;
font-weight: normal;
padding: 5px 25px;
background: #000000;
vertical-align: middle;
margin-top: 5px;
text-decoration: none;
}
#searchSpecial .innSearch .mapInn ul li a:hover,
#searchSpecial a.btnMore:hover{
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
#searchSpecial .innSearch .mapArea{
position: relative;
height:420px;
background-image: url(../images/map_bg.jpg);
background-repeat: repeat;
background-position: 0 0;
background-size: auto;
}
/*
#searchSpecial .innSearch .mapInn ul li:first-child a{
border-top: 1px solid;
}
*/
/*
#searchSpecial .innSearch .mapInn.map04 ul li{
width:50%;
float:left;
}
#searchSpecial .innSearch .mapInn.map04 ul li.listleft a{
margin:0 15px 0 auto;
}
#searchSpecial .innSearch .mapInn.map04 ul li.listright a{
margin:0 auto 0 15px;
}
#searchSpecial .innSearch .mapInn.map04 ul li a{
width:80%;
}
*/
#searchSpecial .innSearch .mapInn ul li a{
background-repeat: no-repeat;
background-position: 98% center;
background-size: auto;

padding: 10px 0;
width: 65%;
text-align: left;
font-size:15px;
display: block;
margin: 0 auto;
border-bottom-width: 1px;
border-bottom-style: solid;
}
#searchSpecial .innSearch .mapInn ul li a:hover{
text-decoration: none;
}
#searchSpecial .innSearch .map01 ul li a{
color: #ec9418;
border-bottom-color: #ec9418;
background-image: url(../images/icon/ico_arr_r01.png);
}
#searchSpecial .innSearch .map02 ul li a{
color: #e0ac00;
border-bottom-color: #e0ac00;
background-image: url(../images/icon/ico_arr_r02.png);
}
#searchSpecial .innSearch .map03 ul li a{
color: #298bc3;
border-bottom-color: #298bc3;
background-image: url(../images/icon/ico_arr_r03.png);
}
#searchSpecial .innSearch .map04 ul li a{
color: #33b688;
border-bottom-color: #33b688;
background-image: url(../images/icon/ico_arr_r04.png);
}
#searchSpecial .innSearch .map05 ul li a{
color: #52a247;
border-bottom-color: #52a247;
background-image: url(../images/icon/ico_arr_r05.png);
}
#searchSpecial .innSearch .map06 ul li a{
color: #87b500;
border-bottom-color: #87b500;
background-image: url(../images/icon/ico_arr_r06.png);
}
#searchSpecial .innSearch .map07 ul li a{
color: #af73bc;
border-bottom-color: #af73bc;
background-image: url(../images/icon/ico_arr_r07.png);
}
#searchSpecial .innSearch .map08 ul li a{
color: #f491cd;
border-bottom-color: #f491cd;
background-image: url(../images/icon/ico_arr_r08.png);
}
#searchSpecial .innSearch .map09 ul li a{
color: #ff6694;
border-bottom-color: #ff6694;
background-image: url(../images/icon/ico_arr_r09.png);
}

.mapInn{
display:none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.35);
z-index: 100;
}
.mapInn div{
position: absolute;
top: 0;
left: 0;
display: table;
width: 100%;
height: 100%;
table-layout: fixed;
margin: 0;
}
.mapInn ul{
display: table-cell;
vertical-align: middle;
border: 1px solid #666;
background: rgba(255, 255, 255, 0.75);
}
.mapInn ul li{
padding:0;
text-align: center;
}



.txtClose.active{
display:block!important;
}
.txtClose{
display:none;
color: #fff;
cursor: pointer;
position: absolute;
top: 1px;
right: 1px;
font-size: 25px;
font-weight: bold;
text-align: center;
line-height: 35px;
width: 35px;
height: 35px;
background: #666;
z-index: 150;
}



#searchSpecial .innSpecial ul{
overflow: hidden;
margin-right: -10px;
margin-left: -10px;
}
#searchSpecial .innSpecial ul li{
width:50%;
float:left;
margin-bottom:20px;
}
#searchSpecial .innSpecial ul li a{
display:block;
margin:0 10px;
}
#popularArea .popularInn ul li a:hover,
#contentInn .innBox .contentBox ul li a:hover,
#searchSpecial .innSpecial ul li a:hover{
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
#searchSpecial .innSpecial ul li span{
font-size:12px;
margin: 8px 10px;
color: #000000;
display: inline-block;
}



/*----------------------------------- #contentInn --*/
#contentInn{
background-image: url(../images/top/top_bg.jpg);
background-repeat: repeat;
background-position: 0 0;
background-size: auto;
}
#contentInn .innBox{
overflow:hidden;
/*
padding-top:45px;
background-image: url(../images/top/tit_gara.png);
background-repeat: no-repeat;
background-position: top center;
background-size: auto;
*/
}
#contentInn .innBox .innHead{
text-align: center;
background-image: url(../images/top/line_blue.jpg);
background-repeat: repeat-x;
background-position: left center;
background-size: auto;
}
#contentInn .innBox .innHead h2{
display:inline-block;
padding: 38px 8px;
background-image: url(../images/top/top_bg.jpg);
background-repeat: repeat;
background-position: 0 0;
background-size: auto;
}
#contentInn .innBox .innHead h2 img{
vertical-align: middle;
}
#contentInn .innBox .contentBox{
width:980px;
margin:0 auto;
}
#contentInn .innBox .contentBox ul{
margin: 0 -20px;
overflow: hidden;
}
#contentInn .innBox .contentBox ul li{
width:33.33333333%;
float:left;
margin-bottom:38px;
}
#contentInn .innBox .contentBox ul li div{
position: relative;
width: 300px;
margin: 0 20px;
}
#contentInn .innRecommen:nth-child(1) .contentBox ul li div{
height: 343px;
}


#contentInn .innRanking{
padding-bottom:50px;
}
#contentInn .innRanking .rank01 .rankNumber{
background-image: url(../images/top/rank01.png);
}
#contentInn .innRanking .rank02 .rankNumber{
background-image: url(../images/top/rank02.png);
}
#contentInn .innRanking .rank03 .rankNumber{
background-image: url(../images/top/rank03.png);
}
#contentInn .innRanking .rankNumber{
position: absolute;
top: 15px;
left: 0;
width: 72px;
height: 34px;
line-height: 34px;
padding-left: 12px;
font-size: 18px;
color:#ffffff;;
background-image: url(../images/top/rank_bg.png);
background-repeat: no-repeat;
background-position: 0 0;
background-size: auto;
z-index: 100;
font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro', "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho",'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R','ＭＳ Ｐ明朝','MS PMincho',serif;
}


#contentInn .innBox .contentBox ul li a{
display:block;
}
#contentInn .innBox .contentBox ul li a img{
vertical-align: middle;
display:block;
margin-bottom:18px;
}
#contentInn .innBox .contentBox ul li dl{

}
#contentInn .innBox .contentBox ul li dl dt{
font-size:16px;
font-weight:bold;
color:#000000;
margin: 0 0 12px;
line-height: 1.35;
}
#contentInn .innBox .contentBox ul li dl dd{
font-size:14px;
color:#000000;
line-height: 1.5;
}
#contentInn .innBox .contentBox ul li dl dd .regionName{
display:inline-block;
border:1px solid #0d436a;
margin-bottom:10px;
line-height: 100%;
}
#contentInn .innBox .contentBox ul li dl dd .regionName .region01{
color:#ffffff;
background:#0d436a;
}
#contentInn .innBox .contentBox ul li dl dd .regionName b{
display:inline-block;
padding:5px 8px;
font-size:10px;
float:left;
}


/*----------------------------------- #popularArea --*/
#popularArea{
width:1000px;
margin:70px auto;
}
#popularArea h2{
color:#0d436a;
font-size:24px;
font-weight: bold;
}
#popularArea .popularInn{
margin-top:20px;
}
#popularArea .popularInn ul{
overflow:hidden;
}
#popularArea .popularInn ul li{
position: relative;
display: inline-block;
float: left;
}
#popularArea .popularInn ul li a{
display:block;
}
#popularArea .popularInn ul li a img{
vertical-align: middle;
}
#popularArea .popularInn ul li.disneyResort span{
background-color: rgba(255, 247, 213, 0.80);
}
#popularArea .popularInn ul li span{
position: absolute;
bottom: 0;
text-align: left;
width: 100%;
line-height: 1.25;
font-size: 12px;
color: #000000;
background-color: rgba(255, 255, 255, 0.75);
display: block;
padding: 8px 8px 7px 35px;
background-image: url(../images/icon/ico_descrip.png);
background-repeat: no-repeat;
background-position: 10px center;
background-size: 16px auto;
z-index: 100;
}






.pageTop{
position: fixed;
bottom: 50px;
right: 50px;
}
.pageTop a{
display:inline-block;
}