/*newsImportant*/
#newsImportant:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#newsImportant .newsCont ul li{
	padding-bottom: 5px;
    margin-bottom: 7px;
}
#newsImportant .newsCont ul li:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#newsImportant .newsCont ul li a{
	display:inline;
	*display: inline;
	vertical-align:middle;
	margin-top:0;
}
#newsImportant .newsCont ul li span{
	margin-right:10px;
	vertical-align:middle;
}
#newsImportant .newsCont ul li .left{
	float:left
} 
#newsImportant .newsCont ul li .right{
	overflow-x:auto;
	zoom:1;
}

/*new*/
#newsImportant,
#newsImportant2{
	width: 100%;
	margin-bottom: 10px;
	display:flex;
}
#newsImportant dt,
#newsImportant2 dt{
	width: 72px;
    height: fit-content;
	background: #e62d2d;
	color: #FFF;
	text-align: center;
	border-radius: 3px;
	margin-top: 1px;
	padding: 3px 0;
}
#newsImportant dd,
#newsImportant2 dd{
	width: 100%;
	padding: 0 10px;
}
#newsImportant li,
#newsImportant2 li{
	padding: 3px 3px 3px 12px;
	position: relative;
}
#newsImportant li:nth-of-type(n+2),
#newsImportant2 li:nth-of-type(n+2){border-top: 1px dotted #ccc;}
#newsImportant li:before,
#newsImportant2 li:before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #555555;
	border-right: 0;
    position: absolute;
	top: 7px;
	left: 0;
}

/*=====================
side_banner_146x650
=====================*/
@media screen and (min-width: 970px){
#couponWrap{
	position:relative!important;
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin:0 auto;
}
#couponWrap p.couponBnr1{
	width:146px;
	position:absolute;
	top:0;
	left:-170px;
}
#couponWrap p.couponBnr2{
	width:146px;
	position:absolute;
	top:0;
	right:-170px;
}
}

@media screen and (max-width: 969.9px){
#couponWrap{
	position:relative!important;
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin:0 auto;
}
#couponWrap p.couponBnr1{
	width:146px;
	position:absolute;
	top:0;
	right:-170px;
}
#couponWrap p.couponBnr2{
	width:146px;
	position:absolute;
	top:680px;
	right:-170px;
}
}

/*=====================
areaMap
=====================*/
#areaMapBgLayer {
	width:100%;
	height:100%;
	background:url(/shared2015/common/images/area/bg_areamap_03.png) repeat 0 0;
	z-index:20;
	position:absolute;
	left:0;
	top:0;
	display:none;
}
#areaMapWrap {
	z-index:21;
	position:absolute;
	left:0;
	top:0;
	width:717px;
	height:536px;
	display:none;
	background:url(/shared2015/common/images/area/im_areamap_default.png) repeat 0 0;
}
#areaMapWrap #areaMap {
	position:absolute;
	left:0;
	top:0;
	z-index:21;
}
#areaMapWrap #areaMap h2 {
	position:absolute;
	left:22px;
	top:32px;
}
#areaMapWrap #areaMap #read {
	position:absolute;
	left:60px;
	top:100px;	
}
#areaMapWrap #areaMap #closeBtn {
	position:absolute;
	right:10px;
	top:0;	
}

/*=====================
目的からホテル・旅館を探す
=====================*/
.pur_search {
    margin: 0 0 25px 0;
    padding: 20px 15px 10px 15px;
    border: 1px solid #bebebe;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 0 #afafaf;
    -moz-box-shadow: 0 1px 0 #afafaf;
    box-shadow: 0 1px 0 #afafaf;
    overflow: hidden;
}
.pur_search ul{
	float:left;
	width:205px;
	border-right: 1px dotted #ccc;
	padding-right: 8px;
	margin-right: 8px;
}
.pur_search ul:first-child{
	width:260px;
	border-right: 1px dotted #ccc;
}
.pur_search ul:last-child{
	width:190px;
	border-right: none;
}
.pur_search ul li h3{
	font-size: 16px;
	line-height: 1;
	border-left: 2px solid #cdcdcd;
	margin: 0 0 10px -8px;
	padding-left: 8px !important;
	text-indent: 0;
}
.pur_search ul li{
	margin: 0 0 5px 0;
	padding-left: 1em;
	text-indent: -0.7em;
}
.pur_search ul li a {
    background: url(/shared2015/common/images/ic_03.png) left center no-repeat;
    padding-left: 8px;
}

/*-----------------------------------------------------
page_jack
------------------------------------------------------*/
#rt_all_popup .pagejack_sp {display: none;}
#rt_all_popup {
	z-index: 48 !important;
    width: 200px !important;
    height: 200px!important;
    background-color: rgba(255,255,255,0.2) !important;
    top: auto !important;
    left: 0px !important;
    margin: 0 auto !important;
    padding: 10px !important;
    position: fixed!important;
    border: none !important;
    border-radius: 0px !important;
}
#rt_all_popup .pagejack_pc{width: 100%!important;}
#rt_all_popup .pagejack_pc img {
    width: 100%!important;
    height: auto!important;
}
#rt_all_popup img:nth-child(3) {
	width: 24px!important;
    height: 24px !important;
}
#rt_all_popup .pagejack_pc img:hover {
	filter: alpha(opacity=90)!important;
	-moz-opacity:0.90!important;
	opacity:0.90!important;
}

/*-----------------------------------------------------
pr_banner
------------------------------------------------------*/
.pr_bnr_area {
    width: 310px;
	text-align: center;
    margin: 0 0 15px 0;
}
.pr_bnr_area img {margin: 0 0 3px 0;}

/*-----------------------------------------------------
FAQ
------------------------------------------------------*/
#category_top_faq_wrapper > div {border-bottom: 1px dotted #aaa;}
#category_top_faq_wrapper > div:last-child {margin: 0;}
#category_top_faq_wrapper b.qaicon {
	width: 40px;
    height: 40px;
    float: left;
    text-align: center;
    border-radius: 20px;
    background: #333;
    font-size: 20px;
    font-weight: normal;
    margin: 0 10px 0 0;
    color: #FFF;
    align-items: center;
    display: grid;
}
#category_top_faq_wrapper h3,
#category_top_faq_wrapper p {
	padding: 12px 0;
    display: flex;
    align-items: baseline;
    font-size: 15px;
}
#category_top_faq_wrapper h3 span,
#category_top_faq_wrapper p span {
    width: 840px;
	float: left;
	box-sizing: border-box;
    padding-right: 30px;
	position:relative;
}
#category_top_faq_wrapper h3 span{position:relative;}
#category_top_faq_wrapper h3 span:after {
	content: "＋";
	width: 30px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    font-size: 20px;
}
#category_top_faq_wrapper h3.open span:after {content: "−";}
#category_top_faq_wrapper > div:after,
#category_top_faq_wrapper h3:after,
#category_top_faq_wrapper p:after {
	content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
#category_top_faq_wrapper h3:hover{cursor:pointer;}