@media screen and (min-width:0px) and (max-width:639px){

/* ----------base---------- */
html{
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	overflow-x: hidden;
}

 body{
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",sans-serif;
	background-color: #ededed;
	color: #333; 
	 -webkit-text-size-adjust: 100%;	
 }

img{
	border: none; 
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
a{
	outline: none;
}
a:link,
a:visited{
	color: #333;
	text-decoration: none;
}
a:hover,
a:active{
	color: #2BAAD4;
	text-decoration: underline;
}

/* ----------scroll---------- */
#pagescroll {
	z-index: 0;
	position: fixed;
	bottom: 30px;
	right: 0px;
}
#pagescroll img{
	width: 44px;
}

/* ----------opening---------- */
#opening{
	height: 100%;
	width: 100%;
/*	margin-bottom: -50px;*/
	text-align: center;
	vertical-align: middle;
	display: table;
	background-color: rgba(0,0,0,0.1);
}

/* ----------sroll down---------- */
#opening .opening_down{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	position: relative;
	z-index: 1;
}
/* ----------start---------- */
#opening .start{
	width: 100%;
	height: 22%;
	padding: 2% 0px 1% 0px;
	color: #fff;
	background-color: rgba(0,0,0,0.0);
	text-align: center;
	display: table;
	vertical-align: middle;
	position:relative;
/*	top: -20px;*/
}
/*#opening .start a:hover{
	background-color: rgba(0,0,0,0.5);
}*/
.start h1{
	width: 100%;
	margin: 0px 0px 5px 0px;
}
.start h1 img{
	width: 132px;
	height:165px;
}

.start_box{
	clear: both;
	display: inline-block;
	width: 20%;
	text-align: center;
}
.shape{
	color: #D95959;
}
.pattern{
	color: #AFAF3A;
}
.color{
	color: #2BAAD5;
}
.oldtale{
	color: #BC88C1;
}
.start_box .cate{
	clear: both;
	width: 60px;
	padding: 0px 0px 3px 0px;
	margin: 3px auto;
	font-family: 'Fira Sans', sans-serif;
	font-weight: 400;
	font-size: 13px;
	border-bottom: 1px solid #fff;
}
.start_box .count{
	clear: both;
	font-family: 'Fira Sans', sans-serif;
	font-weight: 700;
	font-size: 30px;
}
 
  /* ----------header---------- */
.fixed {
	 position: fixed;
	 top: 0px;
	 width: 100%;
}

 /* ----------header---------- */
#header{
	clear: both;
	position: relative;
	z-index: 10;
	width: 100%;
	margin: 0px;
	padding: 0px;
/*	background-color: #000;
	background-color:transparent;*/
	background-color: rgba(0,0,0,0.8);
	color: #fff;
	height: 46px;
	display: table;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 10px 0px;
}
#header h1{
	margin: 0px;
}
/* logo */
#header .logo{
	width: 60%;
	display: table-cell;
/*	background-color: #000;*/
	vertical-align: middle;
}
#header .logo img{
	width: 185px;
	height: 31px;
	margin: 13px 17px;
}
/* sns */
#header .sns{
	width: 40%;
	display: table-cell;
	text-align: right;
/*	background-color: #000;*/
	vertical-align: middle;
	display:none;/* ----------各SNSアイコンをすべて非表示に---------- */
}
#header .sns img{
	margin: 8px 20px 0px 0px;
}

 /* ----------column（liquid）---------- */
#column{
	width: 100%;
	background-color: #ededed;
	float: left;
	min-height:100%;/* ----------20160901追加---------- */
	padding-bottom:40px;
}

 /* ----------column main(liquid) ---------- */
#main_box{
	float: right;
	 width: 100%;
	background-color: #ededed;
}


 /* ----------column side---------- */
#side{
	float: left;
	width: 70px;
	padding: 0px 0px 0px 0px;
	margin:  0px -70px 0px 0px;
}

 /* ----------navi---------- */
#side .navi{
	z-index: 9;
	position: relative;
}
.navi ul{
	margin: -8px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
.navi li{
	width: 30px;
	display: block;
	text-align: center;
}
.navi li img{
	width: 30px;
	margin: 0px 0px 4px 10px;
	padding: 0px 11px 9px 11px;
/*	background-image: url(../img/navi_shadow.png);
	background-repeat: no-repeat;
	background-position: center bottom; */
}

.navi-txt,
.navi-list{
	box-shadow: none!important;
	background-color: rgba(0,0,0,0.8)!important;
	padding: 10px 15px!important;
	color: #fff!important;
	border: none!important;
	font-size: 90%!important;
	line-height: 130%!important;
}
.navi-list a:link,
.navi-list a:visited{
	color: #fff;
	text-decoration: none;
	display: block;
	line-height: 100%!important;
}
.navi-list a:hover,
.navi-list a:active{
	color: #2BAAD4;
	text-decoration: none;
}




 /* ----------search---------- */
 .remodal{
 	z-index: 100;
	position: relative;
	margin-top: 65px;
 }
.remodal input.search_form{
	float: left;
	min-width: 190px;
	max-width: 640px;
	width: 76%;
	height: 40px;
	margin: 5px;
	padding: 5px;
	font-size: 18px;
	background-color: rgba(255,255,255,0.2);
	border: none;
	color: #fff;
	z-index: 100;
	position: relative;
	border-radius: 6px;
}
.remodal input.search_btn{
	cursor: pointer;
	display: block;
	  width: 40px;
	  height: 50px;
	  border: none;
	  text-indent: -9999px;
	  background-image: url(../img/search_btn_s.png);
	  background-repeat: no-repeat;
	 background-position: center bottom;
	 background-color: transparent;
}
.remodal input.search_btn:hover {
}


 /* ----------column main---------- */
#column #main{
	padding: 0px;
	margin: 10px 0px 0px 70px;
/*	background-color: #ededed;*/
}


 /* ----------footer---------- */
#footer{
	clear: both;
	width: 96%;
	margin: 0px auto;
/*	padding: 15% 5% 1% 5%;*/
	padding: 10px 10% 0px 2%;
/*	background-color: #ededed;
	background-color:transparent;*/
	background-color: rgba(0,0,0,0.5);
	text-align: center;
	font-size: 12px;
	color: #fff;	
	position:fixed;/* ■■■■■■保存20160901■■■■■■ */
	bottom: 0px;/* ■■■■■■保存20160901■■■■■■ */
	z-index:1;
	display:none;
}
#footer a:link,
#footer a:visited{
	color: #fff;
/*	font-size: 11px;
	display: inline;
	padding: 2px 4px;*/
}
#footer a:hover,
#footer a:active{
}

#footer p{
	margin:5px 0;
}




 /* ----------index parts---------- */
 /* ----------grid masonry---------- */
.grid_area{
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}


 /* ----------item（grid） ---------- */
 .item{
 	float: left;
/*	width: 200px;*/
	width: 90%;
/*	padding: 20px 0px 20px 10px;*//* ■■■■■■追加20160424■■■■■■ */
	padding: 0px;/* ■■■■■■追加20160424■■■■■■ */
/*	margin: 0px auto 20px;*/
	margin: 0px 0px 24px 0px;
/*	margin:0px 0px 0px 20px;
	background-color:#FFFFFF;*/

 }
.item .photo{
/*	width: 200px;*/
	width: 100%;
	overflow:hidden;
	display:block;
	border-radius: 0.3em; /* ■■■■■■追加20160908■■■■■■ */
}
.item .photo img{
/*	width: 200px;*/
	width: 100%;
	-moz-transition: -moz-transform 2.5s linear;
	-webkit-transition: -webkit-transform 2.5s linear;
	-o-transition: -o-transform 2.5s linear;
	-ms-transition: -ms-transform 2.5s linear;
	transition: transform 2.5s linear;
	border-radius: 0.3em; /* ■■■■■■追加20160908■■■■■■ */
}
.item .photo img:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	cursor:pointer;
	border-radius: 0.3em; /* ■■■■■■追加20160908■■■■■■ */
}
.item .number{
	float: left;
	font-size: 26px;
	font-family: 'Fira Sans', sans-serif;
	font-weight: 700;	
	margin: 4px auto -4px auto;
	padding-left:3px;/* ■■■■■■追加20160424■■■■■■ */
}
.item .cate{
	float: right;
	font-size: 18px;
	font-family: 'Fira Sans', sans-serif;
	font-weight: 700;	
/*	line-height: 24px;*/
	margin: 4px auto -4px auto;
	padding-right:4px;/* ■■■■■■追加20160424■■■■■■ */
}
.item .cate span{
	position:relative;
	top: 2px;
	left: 1px;
	font-size: 26px;
	font-weight: 700;	
}

.item .title{
	clear: both;
	font-size: 18px;
/*	font-weight: 700;	
	margin: -10px auto 0px auto;*/
	padding-left:3px;/* ■■■■■■追加20160424■■■■■■ */
	padding-bottom:3px;
	line-height:22px;
}
.item .title a:hover{
	text-decoration:none;
}
.item .tag{
	font-size: 11px;
	color: #666;
	padding-top:3px;
	padding-bottom:3px;
	border-top:0px solid #ccc;
	padding-left:3px;/* ■■■■■■追加20160424■■■■■■ */
	background-color: #ededed;
}
.item .tag a{
	background-color: #888;/* ■■■■■■追加20160507■■■■■■ */
	border-radius: 0.1em; /* ■■■■■■追加20160507■■■■■■ */
	color:#FFF;/* ■■■■■■追加20160507■■■■■■ */
	padding:0px 4px 0px 4px;
	margin-right:5px;
	line-height:21px;
}
.item .tag a:hover{
	background-color: #fff;/* ■■■■■■追加20160507■■■■■■ */
	border-radius: 0.1em; /* ■■■■■■追加20160507■■■■■■ */
	color:#222;/* ■■■■■■追加20160507■■■■■■ */
/*	padding:0px 4px 0px 4px;
	line-height:20px;*/
	text-decoration:none;
}


 /* ----------grid big---------- */
.item.w2{
	float: left;
 	max-width: 90%;
	display:none;
 }
 .photobig{
	width: 100%;
	overflow:hidden;
	display:block;
	border-radius: 0.3em; /* ■■■■■■追加20160908■■■■■■ */
}
.photobig img{
	width: 100% ;
	-moz-transition: -moz-transform 2.5s linear;
	-webkit-transition: -webkit-transform 2.5s linear;
	-o-transition: -o-transform 2.5s linear;
	-ms-transition: -ms-transform 2.5s linear;
	transition: transform 2.5s linear;
	border-radius: 0.3em; /* ■■■■■■追加20160908■■■■■■ */
}

.photobig img:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	cursor:pointer;
	border-radius: 0.3em; /* ■■■■■■追加20160908■■■■■■ */
}


 /* ----------grid thum---------- */
#newsbox{
/*	cursor:pointer;
  	background-color: rgba(255,255,255,0.0);*/
	background-color:transparent!important;

}
#newsbox:hover{

}
.item.thum .photo{
 	width: 100%;
	overflow:hidden;
	margin: 0px;
}
.item.thum .photo ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.item.thum .photo ul li{
	float: left;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}
.item.thum .photo img{
	width: 100%;
	margin: 0px 0% 0% 0px;
}
.item.thum .photo img
	-moz-transition: -moz-transform 0s linear;
	-webkit-transition: -webkit-transform 0s linear;
	-o-transition: -o-transform 0s linear;
	-ms-transition: -ms-transform 0s linear;
	transition: transform 0s linear;
}
.item.thum .photo img:hover{
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-o-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);
	cursor:pointer;
}
.item.thum.thum .title{
	clear: both;
	font-size: 26px;
	font-family: 'Fira Sans', sans-serif;
	font-weight: 700;	
	margin: 5px auto 0px auto;
}
.thum dl{
	font-size: 14px;
	width: 100%;
	padding-left:7px;/* ■■■■■■追加20160424■■■■■■ */
}
.thum dt{
	clear: both;
	float: left;
	width: 80px;
	padding: 1px 0px;
	white-space: nowrap;
	_width:10em;
	border: none;
}
.thum dd{
	padding: 1px 0px;
	margin-left: 80px;
	border: none;
}
.thum .link{
	font-size: 14px;
	color: #666;
	padding-left:7px;/* ■■■■■■追加20160424■■■■■■ */
}
 
 
 


 /* ---------------common parts--------------- */
 /* ----------midashi---------- */
#pankuzu{
	clear: both;
	padding: 0px 0px 10px 0px;
	margin: 15px 0px;
	font-size: 12px;
	border-bottom: 1px dotted #ccc;
}
 
 /* ----------midashi---------- */
h2{
	clear: both;
	font-weight: normal;
	font-size: 20px;
	line-height: 24px;
	padding: 5px 0px;
	margin: 5px 0px 15px 0px;
	border-bottom: 1px solid #ccc;
}
h3{
	clear: both;
	font-size: 18px;
	margin: 30px 0px 10px 0px;
	border-bottom: 1px solid #ccc;
}
h4{
	clear: both;
	font-size: 16px;
	margin: 30px 0px 5px 0px;
	border-bottom: 1px solid #ccc;
}
h5{
	clear: both;
	font-size: 14px;
	margin: 30px 0px 5px 0px;
}

 /* ----------p text---------- */
#main p{
	font-size: 14px;
	line-height: 140%;
}




 /* ----------page contents （help）---------- */
#help{
	margin: 0px auto;
	width: 90%;
	max-width: 639px;
}

 /* ----menu----- */
#help ul#helpmenu li a{
	display: block;
	padding: 5px 0px;
}


 /* ----archive----- */
#help .about{
	text-align: center;
}
#help .about img{
	max-width: 50%;
	height: auto;
	margin: 5px 0px;
}

 #help .links{
 	width: 100%;
	margin: 0px 0px 10px 0px;
	font-size: 80%;
}
 #help .links ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
 }


 /* ----guide----- */
 #help .naviicon{
	width: 100%;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	background-image: url(../img/navi_shadow.png);
	background-repeat: no-repeat;
	background-position: center bottom; 
	text-align: center;
 }
  #help .naviicon img{
	margin: 10px auto;
  }
  
  
   /* ----help ul ol----- */
 #help ul,
 #help ol {
	font-size: 90%;
	margin: 5px 0px;
	padding: 0px 0px 0px 20px;
  }



 /* ----------page contents （fixsize）---------- */
#fixsize{
	width: 95%;
}



 /* ---- reslut and search----- */
 #search{
 	margin: 5px 0px 30px 0px;
 }

 

 /* ----------map search---------- */
.map{
}
#map{
	width: 95%;
	height: 400px;
	border: 1px solid  #ccc;
}
#map_canvas{
	width: 100%;
	height: 400px;
	border: 1px solid  #ccc;
}

.map iframe{
	width: 100%;
	height: 400px;
	padding: 1px;
	background-color: #ccc;
}


 /* ----------random pick---------- */
.random_box{
	
}
.random{
	float: left;
	width: 100%;
}

.random .photo{
	width: 100%;
	height: 100%;
	overflow:hidden;
	display:block;
}
.random .photo img{
	width: 100%;
	-moz-transition: -moz-transform 2.5s linear;
	-webkit-transition: -webkit-transform 2.5s linear;
	-o-transition: -o-transform 2.5s linear;
	-ms-transition: -ms-transform 2.5s linear;
	transition: transform 2.5s linear;
}
.random .photo img:hover,
.random .photo img:active{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	cursor:pointer;
}
.random .number{
	float: left;
	font-size: 30px;
	font-family: 'Fira Sans', sans-serif;
	font-weight: 700;	
	margin: 5px auto 0px auto;
}
.random .cate{
	float: right;
	font-size: 13px;
	font-family: 'Fira Sans', sans-serif;
	font-weight: 500;	
	line-height: 30px;
	margin: 5px auto;
}
.random .cate span{
	position:relative;
	top: 2px;
	left: 1px;
	font-size: 20px;	
}

.random .title{
	clear: both;
	font-size: 20px;
	margin: 5px auto;
}

.random .title{
	clear: both;
	font-size: 18px;
/*	font-weight: 700;	
	margin: -10px auto 0px auto;*/
	padding-left:3px;/* ■■■■■■追加20160424■■■■■■ */
	padding-bottom:3px;
	line-height:22px;
}
.random .title a:hover{
	text-decoration:none;
}



/*
.random .tag{
	font-size: 12px;
	color: #666;
}
*/

.random .tag{
	font-size: 11px;
	color: #666;
	padding-top:3px;
	padding-bottom:3px;
	border-top:0px solid #ccc;
	padding-left:3px;/* ■■■■■■追加20160424■■■■■■ */
	background-color: #ededed;
}
.random .tag a{
	background-color: #888;/* ■■■■■■追加20160507■■■■■■ */
	border-radius: 0.1em; /* ■■■■■■追加20160507■■■■■■ */
	color:#FFF;/* ■■■■■■追加20160507■■■■■■ */
	padding:0px 4px 0px 4px;
	margin-right:5px;
	line-height:21px;
}
.random .tag a:hover{
	background-color: #fff;/* ■■■■■■追加20160507■■■■■■ */
	border-radius: 0.1em; /* ■■■■■■追加20160507■■■■■■ */
	color:#222;/* ■■■■■■追加20160507■■■■■■ */
/*	padding:0px 4px 0px 4px;
	line-height:20px;*/
	text-decoration:none;
}




.your{
	margin: 15px auto 0px auto;
}

.idea{
	margin: 0px auto 25px auto;
}
.same{
}
.youridea{
	clear: both;
	margin: 30px auto;
	width: 90%;
}




 /* ----------news index---------- */
.news_list{
	width: 95%;
	margin: 0px 0px 0px 5%;
}
.news_list .topics{
	float: left;
	width: 45%;
	margin:0px 5% 10px 0px;
}
.topics .photo{
	width: 100%;
	height: 160px;
	overflow:hidden;
	display:block;
}
.topics .photo img{
	width: 100%;
	-moz-transition: -moz-transform 0.5s linear;
	-webkit-transition: -webkit-transform 0.5s linear;
	-o-transition: -o-transform 0.5s linear;
	-ms-transition: -ms-transform 0.5s linear;
	transition: transform 0.5s linear;
}
.topics .photo img:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	transform: scale(1.1);
	cursor:pointer;
}
.topics .date{
	font-size: 20px;
	font-family: 'Fira Sans', sans-serif;
	font-weight: 500;	
	margin: 10px auto 0px auto;
}
.topics p{
	font-size: 14px;
	margin: 0px;
}


 /* ----------news page---------- */
.news_detail{
	width: 95%;
	margin: 0px auto;
}
.news_detail .photo{
	margin: 0px 0px 10px 0px;
}
.news_detail .data{
	font-size: 16px;
	margin: 10px auto;
	border-bottom: 1px solid #ccc;
}
.news_detail .txt{
	font-size: 14px;
	margin: 10px auto;
}
.news_detail .related{
	margin: 10px auto;
}
.news_detail .related img{
	height: 100%;
	margin-bottom: 2px;
	-moz-transition: -moz-transform 0.5s linear;
	-webkit-transition: -webkit-transform 0.5s linear;
	-o-transition: -o-transform 0.5s linear;
	-ms-transition: -ms-transform 0.5s linear;
	transition: transform 0.5s linear;
}
.news_detail .related img:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	cursor:pointer;
}

.news_pager{
	clear: both;
	width: 100%;
	text-align: center;
	margin: 30px auto;
	font-size: 16px;
	line-height: 16px;
}
.news_pager img{
}
.news_pager a{
	display: block;
	padding: 5px 10px;
	display: inline;
	background-color: #000;
	color: #fff;
}
.news_pager .top{
	display: inline-block;
	padding: 5%;
	background: none;
}
.news_pager a.top:link,
.news_pager a.top:visited{
	color: #333;
}
.news_pager a.top:hover{
	color: #2BAAD4;
	background: none;
}
.news_pager a:hover{
	background-color: #2BAAD4;
	text-decoration: none;
}



 /* ----------tag search---------- */
#tag_area{
	text-align: center;
}
#tag_area .box{
	background-color: #666;
	color: #fff;
	border-radius: 3px;
	font-size: 20px;
	display: block;
	cursor:pointer;
}

#tag_area a.tag{
	font-size: 16px;
	text-align: center;
	color: #fff;
	padding: 3px 5px;
	margin: 1px;
	background-color: #666;
	border-radius: 3px;
	line-height: 35px;
	white-space: nowrap;
}
#tag_area .box a{ 
	color: #fff;
}

#tag_area .box.size11{
	background-color: #999;
}
#tag_area .box.size12{
	background-color: #666;
}
#tag_area .box.size13{
	background-color: #ccc;
}


 
 /* ----------detail page---------- */
.page_detail{
}
.page_detail .photo{
	width: 100%;
	margin: 0px 0px 30px 0px;
}
.page_detail .data{
	font-size: 14px;
	margin: 10px auto;
}
.page_detail .data table{
	clear: both;
	width: 100%;
	border-collapse: collapse;
	margin: 0px 0px 30px 0px;
}
.page_detail .data th{
	text-align: left;
	width: 100%;
	float: left;
	font-weight: normal;
	background-color: #ddd;
}
.page_detail .data td{
	width: 100%;
	float: left;
}

.page_detail .snap_box{
	clear: both;
	width: 100%;
	margin: 5px auto;
	float: left;
}
.page_detail .snap{
	float: left;
	margin: 0px 0px 8px 8px;
	overflow: hidden;
	height: 120px;
}
.page_detail .snap img{
	height: 120px;
	-moz-transition: -moz-transform 0.5s linear;
	-webkit-transition: -webkit-transform 0.5s linear;
	-o-transition: -o-transform 0.5s linear;
	-ms-transition: -ms-transform 0.5s linear;
	transition: transform 0.5s linear;
}
.page_detail .snap img:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	cursor:pointer;
}
.page_detail .txt{
	clear: both;
	float: left;
	margin: 10px auto;
}
.page_detail .map iframe{
	height: 470px;
}

.page_detail .related{
	clear: both;
	float: left;
	margin: 10px auto;
	width: 100%;
}
.page_detail .related h4{
	margin: 20px auto;
}
.page_detail .design_source{
}

.page_detail .source{
	float: left;
	width: 200px;
	margin: 5px 4px;
}
.page_detail .source .img{
	width: 200px;
	background-color: #ccc;
	overflow: hidden;
}
.page_detail .source img{
	-moz-transition: -moz-transform 0.5s linear;
	-webkit-transition: -webkit-transform 0.5s linear;
	-o-transition: -o-transform 0.5s linear;
	-ms-transition: -ms-transform 0.5s linear;
	transition: transform 0.5s linear;
}
.page_detail .source img:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	cursor:pointer;
}
.page_detail .source .number{
	float: left;
	font-size: 20px;
	font-family: 'Fira Sans', sans-serif;
	font-weight: 700;	
	margin: 5px auto 0px auto;
}
.page_detail .source .cate{
	float: right;
	font-size: 13px;
	font-family: 'Fira Sans', sans-serif;
	font-weight: 500;	
	line-height: 30px;
	margin: 0px auto;
}
.page_detail .source .title{
	clear: both;
	margin: 5px auto;
}

.page_detail .map {
	position:relative;
	clear:both;
}




}