@charset "utf-8";

/* CSS for PC @date     2017.11.15 @author   Mily */
/* ------------------------------------------

------------------------------------------ */
#widewrapper { width: 100%; }

#widewrapper .sp { display: none; }

#contentsArea { position: relative; }

#keyVisual { position: relative; width: 100%; min-width:1225px;}

#keyVisual h1 { position: absolute; z-index: 9999; text-indent: 0; width: 100%;  text-align: center; margin:0 auto; top:10%;}

#keyVisual h1 img { width: 100%; max-width: 522px; }
#keyVisual ul{ line-height:0;}

#keyVisual ul.jdsSlides{ overflow:hidden; margin:0 auto;}
#keyVisual ul.jdsSlides li { width: 100%; }
#keyVisual ul.jdsSlides li.disnone { display:none;}

#keyVisual ul.jdsSlides li img { width: 100%; }

#contents.column2L { width: 1225px !important; padding: 0 !important; background: none !important; margin:0 auto; overflow:hidden;}
.ss-left{ width:240px; float:left; padding-right:35px;}
.column2L #mainContents{ width:950px !important; float:right;}
.column2L #mainContents a:hover{ opacity:0.75;}

/* ----- pageTab -----*/
.pageTab ul{ background:url(../images/navi.gif) top left no-repeat; overflow:hidden;}
.pageTab ul.ud{ background:url(../images/naviud.gif) top left no-repeat; overflow:hidden; margin-bottom:20px;}
.pageTab ul li,.pageTab ul.ud li{ float:left;}
.pageTab ul li a,.pageTab ul.ud li a{ display:block;  height:124px;}
.pageTab ul li a.tab1,.pageTab ul.ud li a.tab1{ width:188px;}
.pageTab ul li a.tab2,.pageTab ul.ud li a.tab2{ width:190px;}
.pageTab ul li a.tab3,.pageTab ul.ud li a.tab3{ width:186px;}
.pageTab ul li a.tab4,.pageTab ul.ud li a.tab4{ width:194px;}
.pageTab ul li a.tab5,.pageTab ul.ud li a.tab5{ width:192px;}
.pageTab ul li a.tab1:hover{ background:url(../images/navi1.gif) top left no-repeat;}
.pageTab ul li a.tab2:hover{ background:url(../images/navi2.gif) top left no-repeat;}
.pageTab ul li a.tab3:hover{ background:url(../images/navi3.gif) top left no-repeat;}
.pageTab ul li a.tab4:hover{ background:url(../images/images/naviud4.gif) top left no-repeat;}
.pageTab ul li a.tab5:hover{ background:url(../images/navi5.gif) top left no-repeat;}
.pageTab ul.ud li a.tab1:hover{ background:url(../images/naviud1.gif) top left no-repeat;}
.pageTab ul.ud li a.tab2:hover{ background:url(../images/naviud2.gif) top left no-repeat;}
.pageTab ul.ud li a.tab3:hover{ background:url(../images/naviud3.gif) top left no-repeat;}
.pageTab ul.ud li a.tab4:hover{ background:url(../images/images/naviud4.gif) top left no-repeat;}
.pageTab ul.ud li a.tab5:hover{ background:url(../images/naviud5.gif) top left no-repeat;}

#mainContents p.memo{ text-align:center; margin:40px 0; font-size:85%; line-height:1.9em;}

/* ----- map -----*/
.conbox{ margin-bottom:40px;}
.conbox .mds{ width:950px; background:url(../images/mdsbg.gif) top center no-repeat; text-align:center; margin-bottom:40px; margin-top:20px;}
#MAP .mapmap{ border:1px solid #6541ab; line-height:0;}
.conbox ul.infowaku{ overflow:hidden;}
.conbox ul.infowaku li{ width:280px; border:1px solid #6541ab; padding:9px; float:left; margin:25px 25px 0 0;}
.conbox ul.infowaku li a{ display:block;}
.conbox ul.infowaku li.mrzero{ margin-right:0;}
.conbox ul.infowaku li h3{ color:#6541ab; text-align:center; padding:15px;}
.conbox ul.infowaku li h3 span{ color:#000; font-weight:normal; font-size:90%; display:block; padding-bottom:10px;}
.conbox ul.infowaku li p.infotxt{ font-size:85%; line-height:1.5em; padding-bottom:5px;}
.conbox p.copyright{ margin-top:10px; font-size:85%; text-align:right;}

/* ----- spot -----*/
ul.spotinfo li{padding-bottom:40px; border-bottom:1px solid #6541ab; margin-top:40px;}
ul.spotinfo li:last-child{ border-bottom:none; padding-bottom:0;}
ul.spotinfo li h3{ text-align:center; margin-bottom:30px;}
ul.spotinfo li:last-child h3{ margin-bottom:0;}
ul.spotinfo li .sptp{ line-height:0;}
ul.spotinfo li .sptxt{ font-size:85%; margin:30px 0; line-height:1.5em; }
ul.spotinfo li .spbtn{ text-indent:-9999px; width:800px;margin:0 auto;}
ul.spotinfo li .spbtn a{ display:block; height:50px;  background:url(../images/p2btn1.gif) top left no-repeat;}
ul.spotinfo li .spbtn a.btnspt2{ background:url(../images/p2btn2.gif) top left no-repeat;}
ul.spotinfo li .spbtn a.btnspt3{ background:url(../images/p2btn3.gif) top left no-repeat;}
ul.spotinfo li .spbtn a.btnspt4{ background:url(../images/p2btn4.gif) top left no-repeat;}
ul.spotinfo li .spbtn a.btnspt5{ background:url(../images/p2btn5.gif) top left no-repeat;}
ul.spotinfo li .spbtn a.btnspt6{ background:url(../images/p2btn6.gif) top left no-repeat;}

/* ----- hotel -----*/
.jdsTabMi ul.jdsTabNavMi{ background:#FFF; padding-left:23px; overflow:hidden;}
.jdsTabMi ul.jdsTabNavMi li{ float:left; text-align:center;/* width:120px;*/ border-radius:5px; background:#fff; color:#000; font-size:75%; padding:5px;}
.jdsTabMi ul.jdsTabNavMi li.here{ background:#eee; border-radius:5px 5px 0 0;}
.jdsTabMi ul.jdsTabNavMi li span{ border-radius:3px; background:#efe9c9; display:block; padding:7px; cursor:pointer;}
.jdsTabMi ul.jdsTabNavMi li.here span{ background:#6542aa; color:#FFF;}
.jdsTabMainMi{ background:#eee; padding:0 0 25px 25px;}
.jdsTabMainMi h3{ padding:30px 0; text-align:center; color:#6541ab; font-size:120%;}
.jdsTabMainMi h3 span{ display:inline-block; padding:5px 40px; border-left:2px solid #6541ab;  border-right:2px solid #6541ab;}
/* ----- waku -----*/
.column2L .hotels{ width:950px;}
.column2L .htlBox{ border-color:#6541ab; border-top:2px solid #6541ab; background: #FFF url(../images/wakubg.gif) top right no-repeat; }
.column2L .htlBox a{ text-decoration:none !important;}
.column2L .htlBox1{ width:898px;  padding-top:20px; }
.column2L .htlBox1 .rate, .htlBox1 .rank{ border:1px solid #b28601; line-height:1.5em; padding:8px 3px 0 8px !important; top:20px; right:90px;}
.column2L .htlBox h1{ color:#6541ab; width:75%;min-height: 40px;}
.column2L .htlBox1 .photo{ width:530px; height:240px; padding-right:20px;}
.column2L .htlBox ul.jdsSlides{ overflow:hidden; position:relative;}
.column2L .htlBox ul.jdsSlides li{width: 100%;}
.column2L .htlBox1 .plan{ width:315px; border:none;}
.column2L .htlBox .plan a{ border:none;}
.column2L .htlBox .plan li a .price{ text-align:center; margin:25px 0; font-size:85%;}
.column2L .htlBox1 .btn{ width:315px; float:left;}
.column2L .htlBox1 .btn li{ width:148px;}
.column2L .htlBox .btn li a{ background:#b18500;}

.column2L .htlBox2{ width:443px; padding-top:20px;}
.column2L .htlBox2 .explain{ width:70%;}
.column2L .htlBox2 .rate, .htlBox2 .rank{ padding-top:10px;}
.column2L .htlBox2 .plan li a .price{ margin:10px 0;}
.column2L .htlBox2 .btn li{ width:203px;}

.utility2{ font-size:80%;  padding-bottom:30px;}

/* ----- totop -----*/
#contents .pagetop { width: 120px; height: 49px; position: fixed; bottom: 15px; right: 15px; }
#contents .pagetop a:hover { opacity: 0.75; }

/* ----- search -----*/
.column2L #search-box { float:none; width:auto; border:3px solid #6541ab}
#search-box h1{ background:#6541ab; text-align:center; color:#FFF; font-size:110%; margin:0; padding:7px;}
#search-box ul.selectArea li .selectWidth{ font-size:90%; padding:3px;}
#search-box .searchSubmit { margin:10px auto; width:180px; height:auto;}
#search-box .searchSubmit a:link, #search-box .searchSubmit a:visited { background:#ff7f00; box-shadow: none; width:auto; padding:8px 0; text-indent:0; color:#fff; border-radius:20px; font-size:120%; line-height:23px;}
#search-box .searchSubmit a:hover{ text-decoration:none;}

/*1116*/
#MAPME{
    display: block;
    height: 0;
    overflow: hidden;
    line-height: 0;
    text-indent: -99999px;
}


.mb30{ margin-bottom:30px !important;}
.pt25{ padding-top:25px !important;}


/* 0823 */
.htlBox .plan li .icon{
    display: flex;
    justify-content: center;
}
.htlBox .plan li .icon li{
    width: 16%;
    margin: 0 1% 5px;
}
.htlBox .plan li .icon li img{
    display: block;
    width: 100%;
}