@charset "utf-8";
/* 周辺のマーケティング情報
========================================================================== */
.marketing_txt01 {
	font-size: 1.35rem;
	font-weight: 600;
	text-align: center;
	margin: 10px auto;
}
/* 施設周辺の交通
========================================================================== */
.marketing_traffic_ttl {
	font-size: 1.2rem;
	font-weight: normal;
	text-align: center;
	margin-bottom: 20px;
}
.marketing_traffic_area_btn {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-around; /* Safari */
	justify-content: space-around;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap; /* Safari */
	margin: 0 auto 10px;
}
.marketing_traffic_area_btn li {
	text-align: center;
	margin-bottom: 10px;
	width: 265px;
}
.marketing_traffic_area_btn .letter_sp {
    letter-spacing: -10px;
}
/* アイコン 高速道路IC 文字との位置調整*/ 
.marketing_traffic_area_btn .icon_highway_w a {
	padding-left: 45px;
}
/* アイコン レンタカー／レンタカー会社 文字との位置調整*/ 
.marketing_traffic_area_btn .icon_car_w a {
	padding-left: 15px;
}
.jaf_btn {
	display: block;
	margin: 0 auto;
    text-align:center;
}

/* ナスラックキッチン
========================================================================== */
.kitchen_bnr_area {
	text-align: center;
}
.kitchen_bnr_area figcaption {
	font-size: 0.93em;
	margin-top: 4px;
}
.kitchen_bnr_area02 {
	display: -webkit-flex; /* Safari */
	display: flex;
	justify-content: space-between;
	-webkit-justify-content: space-between; /* Safari */
}
/* 関連情報ボタン
========================================================================== */
.marketing_info_btn_area {
	text-align: center;
}
  .marketing_info_btn_area ul {
	display: -webkit-flex; /* Safari */
	display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
  }
.marketing_info_btn_area li {
  position:relative;
	width: 42%;
    margin:10px 15px;
}
  .marketing_info_btn_area li a {
    display: table;
    height: 100%;
    width: 100%;
  }

.marketing_info_btn_area li a > span {
    display: table-cell;
    vertical-align: middle;
}


/* 引越会社情報
========================================================================== */
.moving_company_bnr {
	display: block;
	margin: 0 auto;
}
/* 観光施設情報
========================================================================== */
.tourism_area {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
}
.tourism_area li {
	background: #fff;
	border: solid 1px #0185b2;
	width: 290px;
}
.tourism_area li a {
	cursor: pointer;
	display: block;
}
.tourism_area li img:hover {
	opacity: 0.7;
}
.tourism_area p {
	text-align: center;
	margin: 10px auto;
}
.around_tourism_area {
	font-size: 1.06em;
	padding-bottom: 0px;
}
.around_tourism_btn {
	border-bottom: dashed 1px #bab0a7;
	padding-bottom: 14px;
	text-align: center;
	margin-bottom: 14px;
}
.around_tourism_btn .link_btn01 {
    width:380px;
    margin:0 auto;
}
.around_tourism_btn a {
	display: inline-block;
}
.around_tourism_area li {
	margin-bottom: 10px;
}
/* 全国マーケティング情報
========================================================================== */
.ttl02_marketing_info{
	 padding: 2px 10px 8px 10px;
}
.japan_marketing_info_btn_area {
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
  -webkit-justify-content: center; /* Safari */
  justify-content:         center;
  font-size: 1.06em;
  text-align: center;
}
.japan_marketing_info_btn_area li {
    width: 200px;
    margin:0 10px;
}
.japan_marketing_public {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	margin: 0 auto 20px;
	width: 510px;
}
.japan_marketing_public.col1{
  justify-content: center;
}
.japan_marketing_public li {
	width: 210px;
}
.japan_marketing_public figure {
	border: solid 1px #333;
	height: 158px;
	width: 210px;
	position: relative;
	margin: 4px 0 10px 0;
}
.japan_marketing_public figcaption {
	background-color: rgba(0,0,0,.7);
	color: #fff;
	font-size: 0.8em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 4px;
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
}
.japan_marketing_public_link {
	width: 210px;
}
.japan_marketing_public_link p {
	margin-bottom: 10px;
}
.japan_marketing_public_link .link_arw02_03{
  margin-left: 15px;
}
.japan_marketing_public_inner {
	position: relative;
}
/*政令指令都市、中核市*/
.city_link_area01, .city_link_area02 {
	background-color: rgba(0,0,0,0.0);
	color: #fff;
	display: block;
	position: absolute;
	top: 30px;
	height: 40px;
	width: 230px;
}
.city_label01, .city_label02 {
	background: #f63c6c url(/static/detail/image/ico_question.png)no-repeat right 4px center;
	border: solid 2px #fff;
	box-shadow: 0px 0px 0px 1px #f63c6c;
	text-align: center;
	color: #fff;
	font-size: 14px;
	letter-spacing: 4px;
	padding: 2px;
	margin: 10px;
	width: 190px;
}
.city_balloon01 {
	display: none;
	position: absolute;
	top: 3px;
	right: -70px;
	z-index: 2;
}
.city_balloon02 {
	display: none;
	position: absolute;
	top: 6px;
	right: -80px;
	z-index:20;
}

.city_link_area01:hover .city_balloon01, 
.city_link_area02:hover .city_balloon02 {
	display: block;
}

.city_link_area01:hover .city_balloon01 img, 
.city_link_area02:hover .city_balloon02 img{
	 opacity: 1;
}

/* 地域の・・・を見るボタン*/
.areamarketing_info_btn_area {
	border-top: solid 1px #c0b68b;
	font-size: 1.06em;
	text-align: center;
	padding-top: 20px;
	margin-bottom: 30px;
}
.areamarketing_info_btn_area p {
	display: inline-block;
	width: 240px;
}
.areamarketing_info_btn_area p:first-child {
	display: block;
	margin: 0 auto 20px;
}
.areamarketing_info_btn_area p:nth-of-type(2) {
	margin-right: 30px;
}
/* タウン情報*/
.town_info_area {
	display: flex;
	margin-bottom: 20px;
}
  .town_info_area div img {
    width:160px;
}
.town_info_area p {
	margin: 10px 0 0 20px;
}
.town_info_btn_area {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto 30px;
  width: 510px;
}
.town_info_btn_area li {
  font-size: 18px;
  letter-spacing: .025em;
  margin: 15px 10px 0 0;
  position:relative;
  width: 48%;
}

.town_info_btn_area li:nth-child(even) {
  margin-right:  0;
}

.town_info_btn_area li:first-child,
.town_info_btn_area li:nth-child(2) {
  margin-top:  0;
}

.town_info_btn_area li a {
  display: flex;
  flex-wrap: wrap;
  height:100%;
  width: 100%;
  line-height: 1.1;
  min-height: 50px;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 2px;
  }
.town_info_btn_area li a > span {
  display:table-cell;
  vertical-align:middle;
  padding-left: 5px;
}
.town_info_btn_area li a > span .area{
  font-size: 70%;
  font-weight: 100;
}

/*周辺施設情報（半径1km以内)*/
.facility_btn_area {
}
.facility_btn_area .link_btn01 {
  width: 300px;
  margin:0 auto;
  text-align: center;
  }

/*周辺施設情報（半径1km以内)*/
.gps_btn_area {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 15px auto 30px;
  width:510px;
}


/* 関連施設情報
========================================================================== */
.related_facilit_list {
	border-bottom: solid 1px #cfc0a0;
}
/* 拡充予定機能
========================================================================== */
#expansion_area .expansion_btn {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-direction: row; /* Safari */
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
#expansion_area .expansion_btn li {
	width: 300px;
}
/* 周辺のマーケティング情報　共通
========================================================================== */
.col2_list {
  display:block;
  overflow:hidden;
}

.col2_list li {
    display: -webkit-inline-flex; /* Safari */
  display: inline-flex;
  float:left;
	min-width: 48%;
    padding-right:2%;
    white-space:nowrap;
}