@charset "utf-8";
/* CSS Document */


/*テキスト変換用*/
#deb{
	display:none;
}

.cont_ttl{
	position:relative;
}
.cont_ttl .cont_maintxt{
	width:70%;
	position:absolute;
	right:2%;
	bottom:5px;
	background:url(/assets/img/sapa/concierge/white85.png);
}
.cont_ttl .cont_maintxt>.cont_inner{
	padding:2em;
}
.cont_ttl .cont_maintxt h2{
	font-size:158%;
	margin:0;
}
.cont_ttl .cont_maintxt p{
	/*line-height:1.8;
	font-size:100%;*/
}
.cont_data{
	display:none;
}



/*ニュース＆ピックアップエリア*/
.cont_news_pickup dt{
	width:7em;
	float:left;
	padding-bottom:3px;
}
.cont_news_pickup dd{
	padding-bottom:3px;
	margin-left:7em;
}


/*ニュース*/
#news, #news .cont_inner{
	border-radius:5px;
	background:#ffffe7;
	border:1px dashed #545454;
}
#news{
	width:65%;
	float:left;
}
#news h3{
	border-bottom:1px solid #545454;
	padding-bottom:0.5em;
}
#news .cont_inner{
	margin:3px;
	padding:15px 15px 5px 15px;
}


/*ピックアップ*/
#pickup{
	width:32%;
	float:right;
}
#pickup h3{
	color:#FFFFFF;
	background:#88cf18;
	border-radius:5px;
	margin-top:0;
	text-align:center;
	font-size:86%;
	padding:7px;
	position:relative;
	/*font-family:Arial, Helvetica, sans-serif;*/
}
#pickup h3:after{
	content:url(/assets/img/sapa/concierge/pct_pickup_hukidashi.png);
	position:absolute;
	bottom:-13px;
	left:50%;
}
#pickup .cont_stit{
	text-align:center;
	padding-top:10px;
	padding-bottom:5px;
	font-size:86%;
	font-weight:bold;
}
#pickup .cont_pickup_box{
	width:100%;
	position:relative;
}
#pickup ul.pickuplist{
	margin:0;
	padding:0;
}
#pickup ul.pickuplist li{
	float:left;
}
#pickup ul.pickuplist li img {
	width:100%;
	height:auto;
}



/*耳寄り情報・マップ*/
.cont_mimiyori_map{
	margin-bottom:30px;
	
}
.cont_mimiyori_map>div {
	width:48%;
	margin-bottom:30px;
}
.cont_mimiyori_map #mimiyori{
	float:left;
}
.cont_mimiyori_map #map{
	float:right;
}
.cont_sttl{
  border-bottom: 1px solid #b7b7b7;
}
.cont_sttl>span{
	font-size: 165%;
  font-weight: bold;
  padding-left: 65px;
  background-position: left center;
  height: 65px;
  display: table-cell;
  vertical-align: middle;
	line-height:1.2;
}
#map .map_inner{
}
#map .map_inner ul{
	margin:0;
	padding:0;
	margin:5px 0 0 -10px;
}
#map .map_inner ul li{
	width:50%;
	float:left;
	list-style-type:none;
}
#map .map_inner ul li>div{
	margin-left:10px;
}
#map .map_inner ul li h7{
	border-radius:3px;
	color:#FFFFFF;
	display:block;
	text-align:center;
	font-size:93%;
}
#map .map_inner ul li.annai h7{
	background:#e07aa2;
}
#map .map_inner ul li.mimiyori h7{
	background:#5a89d1;
}


/*耳寄り*/
#mimiyori{
}
#mimiyori .cont_sttl>span{
	background: url(/assets/img/sapa/concierge/icon_ttl_mimiyori.png) no-repeat;
}
#mimiyori ul {
	margin:0;
	padding:0;
	margin-left:-10px;
}
#mimiyori ul li{
	list-style-type:none;
	width:33.3%;
	float:left;
}
#mimiyori ul li>div{
	margin-left:10px;
}
#mimiyori .cont_txt_mimiyori{
	background:#fffde2;
	padding:8px;
	border:#b3b3b3 1px solid;
	border-radius:5px;
	position:relative;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#mimiyori .cont_txt_mimiyori:after{
	content:url(/assets/img/sapa/concierge/pct_mimiyori_hukidashi_bottom.png);
	position:absolute;
	bottom:-23px;
	left:50%;
	margin-left:-5px;
}
#mimiyori .cont_icon_new{
	color:#FFFFFF;
	background:#88cf18;
	font-size:79%;
	font-weight:bold;
	padding:0 5px;
	border-radius:5px;
	position:absolute;
	top:-1em;
}
#mimiyori .cont_area_mimiyori{
	text-align:center;
	margin-top:20px;
}
#mimiyori .btn_mimiyori_more{
	display:block;
	text-align:center;
	background:#e9edf2;
	border:#a2abb8 1px solid;
	border-radius:5px;
	padding:5px;
}
#mimiyori .btn_mimiyori_more:before{
	content:url(/assets/img/common/icn_link_arrow_sapa_01.png);
	margin-right:0.5em;
}

/*マップ*/
#map .cont_sttl>span{
	background: url(/assets/img/sapa/concierge/icon_ttl_map.png) no-repeat;
}
#map #gmap{
	height:430px;
	margin-top:25px;
}
#map .annai_bnr{
	width:auto;
	max-width:100%;
	height:auto;
}
#map .cont_infowin{
}
/*周辺案内*/
#annai{
	margin-bottom:30px;
}
#annai .cont_sttl>span{
	background: url(/assets/img/sapa/concierge/icon_ttl_annai.png) no-repeat;
}
#annai ul{
	margin-left:-25px;
	padding:0;
}
#annai ul.smp_hide{
	margin-top:0;
}
#annai ul li {
	width:25%;
	float:left;
	list-style-type:none;
	margin-bottom:30px;
}
#annai ul li>div{
	margin-left:25px;
}
#annai ul li p{
	margin-top:5px;
}
#annai ul li p.cont_area{
	font-size:85.7%;
	padding:0 1em;
}
#annai .annai_more{
	display:block;
	text-align:center;
	background:#e9edf2;
	border:#a2abb8 1px solid;
	border-radius:5px;
	padding:5px;
	display:none;
}

/*はいからな旅*/
#haikara{
		margin-bottom:30px;
}
#haikara .cont_sttl_t p{
	font-size: 158%;
  font-weight: bold;
}
#haikara .cont_sttl_t span{
	font-size:85.7%;
}
#haikara .cont_sttl>p{
	padding-left:1em;
}
#haikara ul {
	margin-left:-25px;
	padding:0;
}
#haikara ul li{
	width:20%;
	float:left;
	list-style-type:none;
	margin-bottom:15px;
}
#haikara ul li>div {
	margin-left:25px;
	text-align:center;
}
#haikara ul li p {
	margin-top:10px;
}

/*対象エリア*/
#tgtareas{
	background:#e9edf2;
	border-radius:5px;
	padding:15px;
	color:#58657b;
}
#tgtareas h3 {
	margin:0;
	padding:0.5em 0;
	text-align:center;
	border-bottom:1px dashed #58657b;
}
#tgtareas h4 {
	margin:0;
	padding:0;
}
#tgtareas>ul{
	margin-left:-10px;
	padding:0;
}
#tgtareas>ul>li{
	width:20%;
	float:left;
	list-style-type:none;
	margin-bottom:30px;
}
#tgtareas>ul>li>div{
	margin-left:10px;
}
#tgtareas>ul>li>div>ul{
	margin:0;
	padding:0;
}
#tgtareas>ul>li>div>ul>li{
	list-style-type:none;
	padding:0.2em 0;
}




@media screen and (max-width: 900px) {
.cont_ttl .cont_maintxt h2{
	font-size:114.2%;
}
.cont_ttl .cont_maintxt .cont_inner{
	padding:1em;
}
}




@media screen and (max-width: 640px) {
.nomg_wrap{
	margin:0 -10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(62%,#ffffff), color-stop(100%,#dae9f6)); /* Chrome,Safari4+ */
	background: linear-gradient(to bottom, #ffffff 62%,#dae9f6 100%); /* W3C */
}	
.nomg_wrap>.unit{
	margin-left:10px;
	margin-right:10px;
}
.cont_ttl .cont_maintxt{
	width:95%;
	position:relative;
	margin:auto;
	margin-top:-3em;
	right:auto;
	bottom:auto;
}	
.cont_ttl .cont_maintxt>.cont_inner{
	padding:1em;
}
.cont_news_pickup{
	background:#dae9f6;
	padding-top:15px;
}

#news{
	width:100%;
}

.cont_news_pickup dt{
	width:auto;
	float:none;
	padding-bottom:0;
}
.cont_news_pickup dd{
	padding-bottom:3px;
	margin-left:auto;
}
/*ニュース*/
#news{
	font-size:86%;
}
/*ピックアップ*/
#pickup{
	margin-top:10px;
	width:100%;
	margin-bottom:20px;
  padding: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: #fff;
	box-shadow:rgba(113, 135, 164, 0.65098) 0px 0px 3px 0px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.65098) 0px 0px 3px 0px;
	-moz-box-shadow:rgba(113, 135, 164, 0.65098) 0px 0px 3px 0px;
}
/*耳寄り情報・マップ*/
.cont_mimiyori_map{
	margin-bottom:0;
}
.cont_mimiyori_map>div{
	width:100%;
	float:none;
}
.cont_sttl span{
	font-size:136%;
}
/*耳寄り*/
#mimiyori ul li{
	width:100%;
	float:none;
	margin-bottom:15px;
}
#mimiyori ul li:after{
	content:"";
	clear:both;
	display:block;
}
#mimiyori .cont_txt_mimiyori{
	width:68%;
	float:left;
}
#mimiyori .cont_txt_mimiyori:after{
	content:url(/assets/img/sapa/concierge/smp_pct_mimiyori_hukidashi_bottom.png);
	left:auto;
	right:-16px;
	top:5px;
}
#mimiyori .cont_area_mimiyori{
	width:30%;
	float:right;
	margin-top:0;
}
/*マップ*/
#map #gmap{
	height:320px;
}
#map .map_inner{
	font-size:94%;
	line-height:1.3;
}
/*周辺案内*/
#annai ul{
	margin-left:-10px;
}
#annai ul li {
	width:50%;
}
#annai ul.smp_hide{
	display:none;
}
#annai ul li>div{
	margin-left:10px;
}
#annai .annai_more{
	display:block;
}

/*はいからな旅*/
#haikara .cont_sttl_t p{
	font-size:129%;
}
#haikara ul li{
	width:33%;
	font-size:85.7%;
}
#haikara ul li:nth-child(3n+1){
	clear:left;
}

/*エリアリスト*/
#tgtareas>ul{
	margin-top:0;
}
#tgtareas>ul>li{
	width:100%;
	float:none;
	margin-bottom:0;
}
#tgtareas>ul>li>div{
	border-bottom:1px dashed #58657b;
	padding:0.5em 15px 0.5em 0;
	background:url(/assets/img/sapa/concierge/icon_areaopen.png) no-repeat;
	background-position:right center;
	background-size:11px 14px;
}

#tgtareas>ul>li>div>ul{
	display:none;
}

}