@charset "utf-8";
/* CSS for SmartPhone @date     2017.10.25 @author   mily */
/* ------------------------------------------

------------------------------------------ */
#widewrapper .pc { display: none; }

#keyVisual { position: relative; width: 100%; overflow:hidden;}

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

#keyVisual h1 img { width: 80%; max-width: 522px; }

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

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

#contents { background: none; }

#contentsArea { position: relative; }

/* ----- pageTab -----*/
.pageTab ul{ overflow:hidden; width:100%; margin: 10px 10px 0 10px;}
.pageTab ul li{ float:left; width:39%; border:3px solid #6541ab; padding:10px; margin:0 2px 8px; text-align:center;}
.pageTab ul li a{ height: auto;}
.pageTab ul li img{ width:100%; max-width:141px;}

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

/* ----- map -----*/
.conbox .mds{ text-align:center; margin:15px 10px;}
.conbox .mapmap{ margin:0 10px; border:1px solid #6541ab; line-height:0;}
.conbox .mapmap img{ width:100%;}
.conbox ul.infowaku{ margin:0 10px; overflow:hidden;}
.conbox ul.infowaku li{  border:1px solid #6541ab; padding:10px; margin-top:10px;}
.conbox ul.infowaku li.undermap{width:41%; margin:1%; float:left;}
.conbox ul.infowaku li.undermap:nth-child(even){ margin-right:0;} 
.conbox ul.infowaku li p{ text-align:center;}
.conbox ul.infowaku li p img{ width:100%; max-width:300px;}
.conbox ul.infowaku li h3{ color:#6541ab; text-align:center; padding:7px;}
.conbox ul.infowaku li h3 span{ color:#000; font-weight:normal; font-size:90%; display:block; padding:8px 0 0;}
.conbox ul.infowaku li p.infotxt{ font-size:85%; line-height:1.5em; text-align:left;}
.conbox p.copyright{ margin-top:5px; font-size:80%; text-align:center;}

/* ----- spot -----*/
ul.spotinfo{ margin:0 10px;}
ul.spotinfo li{padding-bottom:15px; border-bottom:1px solid #6541ab; margin-top:15px;}
ul.spotinfo li h3{ text-align:center; margin-bottom:15px;}
ul.spotinfo li h3 img{ max-width:334px; width:100%;}
ul.spotinfo li .sptp{ line-height:0;}
ul.spotinfo li .sptp img{ width:100%;}
ul.spotinfo li .sptxt{ font-size:85%; margin:10px 0; line-height:1.5em; }
ul.spotinfo li .spbtn{ background:#b18500; text-align:center; border-radius:7px;}
ul.spotinfo li .spbtn a{ display:block; padding:10px; color:#FFF !important; font-weight:bold;}
ul.spotinfo li:last-child{ border-bottom:none; padding-bottom:0;}

/* ----- hotel -----*/
ul.sinhotelsp{ margin:0 10px;}
ul.sinhotelsp li{ margin-bottom:1px;}
ul.sinhotelsp li a.tabs{ display:block; cursor:pointer; color:#FFF !important; background:#6541ab; padding:7px 0 7px 35px; position:relative; font-size:90%;}
ul.sinhotelsp a.tabs:after { 
    content: "+";
    display: block;
    height: 12px;
    position: absolute;
    left: 10px;
	top:4px;
    text-align: center;
    width: 12px;
}
ul.sinhotelsp a.active-submenu:after {
    content: "-";
    display: block;
    height: 12px;
    position: absolute;
    left: 10px;
	top:4px;
    text-align: center;
    width: 12px;
}
.column2L .htlBox ul.jdsSlides{ overflow:hidden; position:relative;}
.utility2{ font-size:80%; margin:10px;}
.column2L  .htlBox{ border-color:#6541ab;}
.column2L  .htlBox .rank span{ font-size:90%; display:block;}
.column2L  .htlBox .rank em{ text-align:center; padding-left:93px;}
.column2L  .htlBox a{ text-decoration:none !important;}
.htlBox .plan li a .price{ text-align:center;}
.htlBox .btn li a{ background:#b18500;}

/* ----- search -----*/
#search-box{ border-color:#6541ab;}
#search-box h1{background:#6541ab; color:#FFF; text-align:center; font-size:110%; margin:0; padding:7px;}
#search-box h1.open:after{ border:none;}
.jdsAlwaysFix{ display:none !important;}



.dispnon{display:none;}

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

#gaiyou2 {
    font-size: 14px;
    line-height: 1.5;
    padding-top: 10vw;
    width: 90%;
    margin: 0 auto;
	border-bottom: 1px solid #ddd;
}

#gaiyou2 .sfgreen, #gaiyou2 .sfgreen + p, .sfSummary dl {
    width: 96.875%;
    margin: 0 auto;
}

#gaiyou2 dl dt {
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    background: 
    #fff;
    padding: 1% 3.22%;
}

#gaiyou2 dl dt {
    float: left;

    color: 
    #eb4777;
}
#gaiyou2 dl dd {
    width: 100%;
    padding: 2% 5% 5% 1%;
}

#gaiyou2 .sfgreen {
    background: 
    #eb4777;
padding: 1%;
text-align: center;
color:
#fff;
font-size: 15px;

    line-height: 1.3;

}
#gaiyou2{
	font-size:80%;
	margin-bottom: 50px;
}

.couponBtA img{
	width: 80%;

}
.couponBtA{
	width: 100%;
	text-align: center;
/*margin: 15px 10px;*/
}

.couponBtA p{
	font-size:80%;

	width: 80%;
	text-align: center;
	margin: 10px auto;
}

.couponBtA p.title{
	text-align: center;
	margin-bottom:10px;
	font-size:130%;
	color:#6541ab;
	font-weight: bold;
	
}