@import "/css/v2/common.css";
@import "/css/v2/parts.css";
@import "/common/css/st_module.css";
@import "/common/css/resp_pc.css";
@import "/common/css/font.css";

body {width: 950px; margin: 0 auto;}

#spot .dbBreadcrumbs {
	clear:both;
	margin-top:0;
	background-color:#eee;
	color:#000;
	padding:5px 10px;
	font-size:0.8em;
	text-align:left;
}

.dbBreadcrumbs dt{display: none;}

#spot #mainCntInner {
	background:#fff;
	padding:10px;
}
#spot h1 {
	padding-bottom:5px;
	border-bottom:3px dotted #Fc0;
	font-size:1.8em;
	text-align:center;
	margin-bottom:10px;
	font-weight:bold;
}

#spot .clm01 h2 {
	border-left:5px solid #F60;
	margin-bottom:0.5em;
	font-size:1.3em;
	padding:0 10px;
	color:#f60;
}

#spot .jpnMap h2,
#spot .clm02 h2 {
	border-left:5px solid #09f;
	letter-spacing:normal;
	margin-bottom:0.5em;
	font-size:1.3em;
	padding:0 10px;
	color:#09f;
}

#spot .clm02 h2:nth-of-type(2) {
	margin-top: 1rem;
}


#spot .clm01 {
	background:#fff1dc;
	padding:15px;
	margin-bottom:1em;
	border-radius: 8px;
}

#spot .clm02 {
	background:#eaf2ff;
	padding:15px;
	border-radius: 8px;
	position:relative;
	margin-bottom:15px;
}

#spot h1 span {
	display:block;
	font-size:16px;
	width:15rem;
	height:26px;
	line-height:26px;
	margin:0 auto 4px;
	background:#FC0;
	color:#fff;
	border-radius: 6px;
	position:relative;
	font-weight: normal;
}


#spot .clm02#area { letter-spacing: -.40em; }
#spot .clm02#area * { letter-spacing: normal; }

#spot .clm02 dl {
	display:inline-block;
	vertical-align:top;
	width:188px;
	margin-bottom:1em;
	font-size:1.1em;
}

#spot .clm02 dl dt{
	color:#333;
	margin-bottom:5px;
}

#spot .clm02 dl dd{
	display:inline-block;
}

#spot .clm02 dl dd a {
	display:inline-block;
	padding:4px 10px 2px;
	margin:0 2px 6px 0;
	background:#fff;
	border-radius: 6px;
	box-shadow: 2px 2px 0 0 rgba(200,200,200,0.5);
	text-decoration:none;
	position:relative;
    border:1px solid #fff;
}

#spot .clm02 dl dd span {
	display:inline-block;
	padding:4px 10px 2px;
	margin:0 2px 6px 0;
	background:#09F;
    color: #fff;
	border-radius: 6px;
	box-shadow: 2px 2px 0 0 rgba(200,200,200,0.5);
	text-decoration:none;
	position:relative;
    border:1px solid #fff;
}



/*#spot .clm02 dl a:hover {
	-webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0);
	box-shadow: 0 0 0 0 rgba(255,255,255,0);
	margin:2px 0 4px 2px;
}*/

#spot .clm02 dl a span{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#F69;
	font-size:0.7em;
	font-weight:bold;
	padding-left:5px;
}

#spot ul.spotList {
	margin-bottom:1em;  
}

#spot ul.spotList li {
	display:inline-block;
	vertical-align:top;
	margin:0 8px 10px 0;
	text-align:center;
	width:142px;
}

#spot ul.spotList li a div {
	border-top:1px solid #efefef;
	border-left:1px solid #efefef;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	width:132px;
	padding:5px;
	margin-bottom:5px;
}

#spot ul.spotList li a:hover div {
	border-color:#0036ff;
}
#spot #mainCntInner p {	margin-bottom:1em;}

	
.sns {
	margin-bottom:10px;
}
#spot .clm03 h2 span,
#spot .clm02 h2 span {
	font-size:0.8em;
	color:#069;
}

#spot .jpnMap {
	width:585px;
	height:419px;
	position:relative;
	margin:0 0 15px 15px;
/*	background:url(img/jpn_map.gif) no-repeat 30px 30px;*/
}

.jpnMap span,
.jpnMap a {
	display:block; 
	position:absolute; 
	color:#fff; 
	text-align:center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size:12px;
	behavior:url("/common/css/PIE.htc"); 
}
.jpnMap span {
	background:#ccc; 
}
.jpnMap a {
	text-decoration:none;
	-webkit-box-shadow: 2px 2px 0 0 rgba(200,200,200,0.5);
	box-shadow: 2px 2px 0 0 rgba(200,200,200,0.5);
	behavior:url("/common/css/PIE.htc"); 
}

.jpnMap a:hover {
	-webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0);
	box-shadow: 0 0 0 0 rgba(255,255,255,0);
	margin:2px 0 4px 2px;
}

.jpnMap .hokkaido_tohoku {width:170px; height:30px; top:40px; left:15px; line-height:30px;}
.jpnMap .kanto {width:170px; height:30px; top:40px; left:200px; line-height:30px;}
.jpnMap .chubu {width:170px; height:30px; top:80px; left:15px; line-height:30px;}
.jpnMap .kinki {width:170px; height:30px; top:80px; left:200px; line-height:30px;}
.jpnMap .chugoku_shikoku {width:170px; height:30px; top:120px; left:15px; line-height:30px;}
.jpnMap .kyushu_okinawa {width:170px; height:30px; top:120px; left:200px; line-height:30px;}


.jpnMap .hokkaido {width:103px ; height:74px; top:0; left:481px; line-height:74px;}
.jpnMap .aomori {width:103px; height:30px; top:78px ; left:481px; line-height:29px;}
.jpnMap .iwate {width:40px; height:30px; top:112px; left:545px; line-height:30px;}
.jpnMap .miyagi {width:40px; height:30px; top:146px; left:545px; line-height:30px;}
.jpnMap .akita {width:60px; height:30px; top:112px; left:481px; line-height:30px;}
.jpnMap .yamagata {width:60px; height:30px; top:146px; left:481px; line-height:30px;}
.jpnMap .fukushima {width:104px; height:30px; top:180px; left:481px; line-height:30px;}
.jpnMap .ibaraki {width:40px; height:30px; top:248px; left:545px; line-height:30px;}
.jpnMap .tochigi {width:40px; height:30px; top:214px; left:545px; line-height:30px;}
.jpnMap .gunma {width:60px; height:30px; top:214px; left:481px; line-height:30px;}
.jpnMap .saitama {width:60px; height:30px; top:248px; left:481px; line-height:30px;}
.jpnMap .chiba {width:40px; height:64px; top:282px; left:545px; line-height:63px;}
.jpnMap .tokyo {width:60px; height:30px; top:282px; left:481px; line-height:30px;}
.jpnMap .kanagawa {width:60px; height:30px; top:316px; left:481px; line-height:30px;}
.jpnMap .niigata {width:40px; height:30px; top:180px; left:437px; line-height:30px;}
.jpnMap .toyama {width:40px; height:30px; top:180px; left:393px; line-height:30px;}
.jpnMap .ishikawa {width:40px; height:30px; top:180px; left:349px; line-height:30px;}
.jpnMap .fukui {width:40px; height:30px; top:214px; left:349px; line-height:30px;}
.jpnMap .yamanashi {width:40px; height:30px; top:282px; left:437px; line-height:30px;}
.jpnMap .nagano {width:40px; height:64px; top:214px; left:437px; line-height:64px;}
.jpnMap .gifu {width:40px; height:64px; top:214px; left:393px; line-height:64px;}
.jpnMap .shizuoka {width:40px; height:30px; top:316px; left:437px; line-height:30px;}
.jpnMap .aichi {width:40px; height:30px; top:282px; left:393px; line-height:30px;}
.jpnMap .mie {width:40px; height:30px; top:282px; left:349px; line-height:30px;}
.jpnMap .shiga {width:40px; height:30px; top:248px; left:349px; line-height:30px;}
.jpnMap .kyoto {width:40px; height:30px; top:248px; left:305px; line-height:30px;}
.jpnMap .osaka {width:40px; height:30px; top:282px; left:261px; line-height:30px;}
.jpnMap .hyogo {width:40px; height:30px; top:248px; left:261px; line-height:30px;}
.jpnMap .nara {width:40px; height:30px; top:282px; left:305px; line-height:30px;}
.jpnMap .wakayama {width:84px; height:30px; top:316px; left:261px; line-height:30px;}
.jpnMap .tottori {width:40px; height:30px; top:248px; left:217px; line-height:30px;}
.jpnMap .shimane {width:40px; height:30px; top:248px; left:173px; line-height:30px;}
.jpnMap .okayama {width:40px; height:30px; top:282px; left:217px; line-height:30px;}
.jpnMap .hiroshima {width:40px; height:30px; top:282px; left:173px; line-height:30px;}
.jpnMap .yamaguchi {width:40px; height:30px; top:248px; left:129px; line-height:30px;}
.jpnMap .tokushima {width:40px; height:30px; top:355px; left:211px; line-height:30px;}
.jpnMap .kagawa {width:40px; height:30px; top:321px; left:211px; line-height:30px;}
.jpnMap .ehime {width:40px; height:30px; top:321px; left:167px; line-height:30px;}
.jpnMap .kochi {width:40px; height:30px; top:355px; left:167px; line-height:30px;}
.jpnMap .fukuoka {width:40px; height:30px; top:279px; left:44px; line-height:30px;}
.jpnMap .saga {width:40px; height:30px; top:279px; left:0; line-height:30px;}
.jpnMap .nagasaki {width:40px; height:30px; top:313px; left:0; line-height:30px;}
.jpnMap .kumamoto {width:40px; height:30px; top:313px; left:44px; line-height:30px;}
.jpnMap .oita {width:40px; height:30px; top:279px; left:88px; line-height:30px;}
.jpnMap .miyazaki {width:40px; height:64px; top:313px; left:88px; line-height:64px;}
.jpnMap .kagoshima {width:83px; height:30px; top:347px; left:0; line-height:30px;}
.jpnMap .okinawa {width: 40px;height: 30px;top: 386px;left: 0;line-height: 30px;}

.jpnMap a.hokkaido_tohoku,
.jpnMap a.kanto,
.jpnMap a.chubu,
.jpnMap a.kinki,
.jpnMap a.chugoku_shikoku,
.jpnMap a.kyushu_okinawa { color:#002f86; background:#fff; border:1px solid #ccc}

.jpnMap a:hover.hokkaido_tohoku,
.jpnMap a:hover.kanto,
.jpnMap a:hover.chubu,
.jpnMap a:hover.kinki,
.jpnMap a:hover.chugoku_shikoku,
.jpnMap a:hover.kyushu_okinawa {background:#eee;}


.jpnMap a.hokkaido {background:#9cc;}
.jpnMap a:hover.hokkaido {background:#6cc;}

.jpnMap a.aomori {background:#69f;}
.jpnMap a:hover.aomori {background:#36c;}
.jpnMap a.iwate {background:#69f;}
.jpnMap a:hover.iwate {background:#36c;}
.jpnMap a.miyagi {background:#69f;}
.jpnMap a:hover.miyagi {background:#36c;}
.jpnMap a.akita {background:#69f;}
.jpnMap a:hover.akita {background:#36c;}
.jpnMap a.yamagata {background:#69f;}
.jpnMap a:hover.yamagata {background:#36c;}
.jpnMap a.fukushima {background:#69f;}
.jpnMap a:hover.fukushima {background:#36c;}

.jpnMap a.ibaraki {background:#9c3;}
.jpnMap a:hover.ibaraki {background:#690;}
.jpnMap a.tochigi {background:#9c3;}
.jpnMap a:hover.tochigi {background:#690;}
.jpnMap a.gunma {background:#9c3;}
.jpnMap a:hover.gunma {background:#690;}
.jpnMap a.saitama {background:#9c3;}
.jpnMap a:hover.saitama {background:#690;}
.jpnMap a.chiba {background:#9c3;}
.jpnMap a:hover.chiba {background:#690;}
.jpnMap a.tokyo {background:#9c3;}
.jpnMap a:hover.tokyo {background:#690;}
.jpnMap a.kanagawa {background:#9c3;}
.jpnMap a:hover.kanagawa {background:#690;}

.jpnMap a.niigata {background:#9cf;}
.jpnMap a:hover.niigata {background:#69c;}
.jpnMap a.toyama {background:#9cf;}
.jpnMap a:hover.toyama {background:#69c;}
.jpnMap a.ishikawa {background:#9cf;}
.jpnMap a:hover.ishikawa {background:#69c;}
.jpnMap a.fukui {background:#9cf;}
.jpnMap a:hover.fukui {background:#69c;}
.jpnMap a.yamanashi {background:#9cf;}
.jpnMap a:hover.yamanashi {background:#69c;}
.jpnMap a.nagano {background:#9cf;}
.jpnMap a:hover.nagano {background:#69c;}
.jpnMap a.gifu {background:#9cf;}
.jpnMap a:hover.gifu {background:#69c;}
.jpnMap a.shizuoka {background:#9cf;}
.jpnMap a:hover.shizuoka {background:#69c;}
.jpnMap a.aichi {background:#9cf;}
.jpnMap a:hover.aichi {background:#69c;}


.jpnMap a.mie {background:#f93;}
.jpnMap a:hover.mie {background:#f60;}
.jpnMap a.shiga {background:#f93;}
.jpnMap a:hover.shiga {background:#f60;}
.jpnMap a.kyoto {background:#f93;}
.jpnMap a:hover.kyoto {background:#f60;}
.jpnMap a.osaka {background:#f93;}
.jpnMap a:hover.osaka {background:#f60;}
.jpnMap a.hyogo {background:#f93;}
.jpnMap a:hover.hyogo {background:#f60;}
.jpnMap a.nara {background:#f93;}
.jpnMap a:hover.nara {background:#f60;}
.jpnMap a.wakayama {background:#f93;}
.jpnMap a:hover.wakayama {background:#f60;}

.jpnMap a.tottori {background:#c9c;}
.jpnMap a:hover.tottori {background:#c6c;}
.jpnMap a.shimane {background:#c9c;}
.jpnMap a:hover.shimane {background:#c6c;}
.jpnMap a.okayama {background:#c9c;}
.jpnMap a:hover.okayama {background:#c6c;}
.jpnMap a.hiroshima {background:#c9c;}
.jpnMap a:hover.hiroshima {background:#c6c;}
.jpnMap a.yamaguchi {background:#c9c;}
.jpnMap a:hover.yamaguchi {background:#c6c;}

.jpnMap a.tokushima {background:#99c;}
.jpnMap a:hover.tokushima {background:#66c;}
.jpnMap a.kagawa {background:#99c;}
.jpnMap a:hover.kagawa {background:#66c;}
.jpnMap a.ehime {background:#99c;}
.jpnMap a:hover.ehime {background:#66c;}
.jpnMap a.kochi {background:#99c;}
.jpnMap a:hover.kochi {background:#66c;}

.jpnMap a.fukuoka {background:#f66;}
.jpnMap a:hover.fukuoka {background:#c33;}
.jpnMap a.saga {background:#f66;}
.jpnMap a:hover.saga {background:#c33;}
.jpnMap a.nagasaki {background:#f66;}
.jpnMap a:hover.nagasaki {background:#c33;}
.jpnMap a.kumamoto {background:#f66;}
.jpnMap a:hover.kumamoto {background:#c33;}
.jpnMap a.oita {background:#f66;}
.jpnMap a:hover.oita {background:#c33;}
.jpnMap a.miyazaki {background:#f66;}
.jpnMap a:hover.miyazaki {background:#c33;}
.jpnMap a.kagoshima {background:#f66;}
.jpnMap a:hover.kagoshima {background:#c33;}

.jpnMap a.okinawa {background:#f66;}
.jpnMap a:hover.okinawa {background:#c33;}

.sns li {
	height:20px;
	display:inline-block;
		*display: inline;  
		*zoom: 1;  
	margin-left:5px;
}
.jpnMap .updates {
	position:absolute;
	top:80px;
	left:230px;
	width:200px;
	border:2px dotted #F60;
	padding:10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	behavior:url("/common/css/PIE.htc"); 
}

#target ul li {
	padding-bottom: 15px;
}

#target ul li a {
	text-decoration:none; display:block;
	padding:10px 10px 10px 85px; background:#fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 2px 2px 0 0 rgba(200,200,200,0.5);
	box-shadow: 2px 2px 0 0 rgba(200,200,200,0.5);
	margin:0;
	text-decoration:none;
	position:relative;
	line-height:1.3;
	min-height:65px;
	behavior:url("/common/css/PIE.htc");
}

#target ul li a h3 {
	font-weight: bold;
	font-size: 120%;
}

#target ul li a p {
	color: #000;
	margin: 0 !important;
}

#target ul li .botanical {
	background: #fff url('location/botanical_garden/img/thumb.jpg') no-repeat 10px 10px;
	background-size:65px;
}

#target ul li .sakura {
	background: #fff url('target/sakura/img/thumb.jpg') no-repeat 10px 10px;
	background-size:65px;
}

#target ul li .airport {
	background: #fff url('target/img/airport/thumb.jpg') no-repeat 10px 10px;
	background-size:65px;
}

#target ul li .airshow {
	background: #fff url('target/img/airshow/thumb.jpg') no-repeat 10px 10px;
	background-size:65px;
}

#target ul li .sl {
	background: #fff url('target/img/sl/thumb.jpg') no-repeat 10px 10px;
	background-size:65px;
}

#target ul li .tram {
	background: #fff url('target/img/tram/thumb.jpg') no-repeat 10px 10px;
	background-size:65px;
}

.areaList  {
	margin: 0.5rem 0;
	padding-top: 0.5rem;
	border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
}

.areaList .photo{
    display: block;
	margin-bottom: 1em;
}

.areaList h3  {
	display: block;
	float:left;
/*	width:9em;*/
	font-size:100%;
	font-weight:bold;
	color:#555;
	line-height:1.3;
}

.areaList li {
	display: inline;
	white-space: nowrap;
	line-height:1.3;
}

.areaList li:after {
	margin:0 5px;
	content: "|";
	color:#ccc;
}

.areaList li:last-child:after {
	content: none;
}

.areaList li span {
	font-weight: bold;
}

.areaList ul {
	line-height: 1.3;
	margin-bottom: 1em;
	margin-left: 7em;
}

.areaList.prefectures ul, 
.areaList ul:nth-of-type(2) {
	margin-left: 9em;
}

{
	margin-left: 9em;
}



#map_canvas label { width: auto; display:inline; }
#map_canvas img { max-width: none; max-height: none; }

#map_canvas {
	width: 100%;
	height: 500px;
	margin-bottom: 1em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#spot .sakura h1 {
	border-bottom-color: #FF75AC;
}

#spot .sakura h1 span {
	background-color: #FF75AC;
}


.notes li {
	font-size: 0.9rem;
	text-indent: -0.9rem;
	padding-left: 0.9rem;
	margin-bottom: 0.5rem;
}

#spot.botanical h1 {
	border-bottom:3px dotted #a8d526;
}

#spot.botanical h1 span {
    background:#a8d526;
}

#spot.botanical .spotList { 
	padding-top: 1.5rem;
}

#spot.botanical .spotList dl {
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px dotted #ccc;
}

#spot.botanical .spotList dl dt {
	margin-bottom: 0.6rem;
}

#spot.botanical .spotList dl dt em a {
	font-size: 1.6rem;
	line-height: 2.3rem;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
}

#spot.botanical .spotList dl dt em a::before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-decoration: none;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	content: "";
	margin-right:0.3rem;
	color: #a8d526;
}

#spot.botanical .spotList dl dt ul {
	display: inline-block !important; 
	letter-spacing: -.4em;
}

#spot.botanical .spotList dl dt ul li {
	display: inline-block !important; 
	letter-spacing: normal;
	margin-left: 0.2rem;
}

#spot.botanical .spotList dl dt ul li a {
	display: inline-block;
	border-radius: 6px;
	line-height: 1.6rem;
	font-size: 0.9rem;
	padding: 0 0.5rem;
	background: #eaf2ff;
	color: #002f86;
	vertical-align: middle;
	text-decoration: none;
}

#spot.botanical .spotList dl dt span {
	display: inline-block;
	border-radius: 6px;
	line-height: 1.6rem;
	font-size: 0.9rem;
	padding: 0 0.5rem;
	background: #eee;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
}


#spot.botanical .spotList dl dt a:hover {color:#0036ff;}

#spot.botanical .spotList .lined {
	border-width:1px 0 0 0;
	border-spacing:0;
	width:100%;
}

#spot.botanical .spotList .lined,
#spot.botanical .spotList .lined th,
#spot.botanical .spotList .lined td{ 
	border:1px solid #ccc; 
}


#spot.botanical .spotList .lined th {
	white-space:nowrap;
	background-color:#ddd;
}

#spot.botanical .spotList .lined td {
	background-color:#fff;
}

#spot.botanical .spotList .lined th,
#spot.botanical .spotList .lined td{
	font-size: 0.9rem;
	padding:5px 8px;
	border-width:0 1px 1px 1px;
}


#spot.botanical .spotList .lined caption {
	font-weight: bold;
}



#spot.botanical .spotList dl dd .tab {
	letter-spacing: -.4em;
}

#spot.botanical .spotList dl dd .tab li {
	letter-spacing: normal;
	display: inline-block;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	font-size: 0.9rem;
	padding: 6px 10px;
	margin-right: 0.2rem;
	border-color: #ddd;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	cursor: pointer;
	vertical-align: bottom;
	font-weight: bold;
	color: #002f86;
}

#spot.botanical .spotList dl dd .tab li:hover {
	color: #0036ff;}


#spot.botanical .spotList dl dd .tab li.current {
	background: #eee;
	cursor: inherit;
	color: #444;
	padding: 8px 10px 4px;
	border-color: #eee;
}

#spot.botanical .spotList dl dd .contents {
	margin-bottom: 0.6rem;
}


#spot.botanical .spotList dl dd .contents li {
	display: block;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px;
	line-height: 1.4rem;
	padding: 8px 10px;
	background: #eee;
	display: none;
}

#spot.botanical .spotList dl dd .contents li:nth-child(1) {
	display: block;
}



#spot.botanical .spotList dl dd {
	margin: 0 10px;
}

#spot.botanical .photo::before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-decoration: none;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	content: "";
	margin-right:0.3rem;
}

#spot.botanical h3.comment::before,
#spot.botanical li.comment::before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-decoration: none;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	content: "";
	margin-right:0.3rem;
}

#spot.botanical .info::before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-decoration: none;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	content: "";
	margin-right:0.3rem;
}

#spot.botanical .extlink::before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-decoration: none;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	content: "";
	margin-right:0.3rem;
}

#spot.botanical .lined tr td .map::before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-decoration: none;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	content: "";
	margin-right:0.3rem;
	/*color: #f00;*/
}

#spot.botanical .spotList dl dd .thumbList a {
	text-decoration: none;
	color: #444;
}

#spot.botanical .spotList dl dd .thumbList a:hover {
	color: #0036ff;
}

#spot.botanical .spotList dl dd .thumbList a b::before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-decoration: none;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	content: "";
	margin-right:0.3rem;
}

#spot.botanical .spotList dl dd h3 {
	font-weight: bold;
	margin-bottom: 0.3rem;
	font-size: 0.9rem;
	color: #666;
}

#spot.botanical p.comment {
	padding: 10px;
	display: block;
	border-radius: 6px;
	background: #eee;
}

#spot.botanical .thumbList {
	margin:0 0 1rem !important;
	padding: 0 !important;
}

#spot.botanical .thumbList a {
	padding: 10px;
	display: block;
	border-radius: 6px;
	background: #eee;
	letter-spacing: -.4em;
}

#spot.botanical .thumbList a * {
	letter-spacing: normal;
}

#spot.botanical .thumbList a b {
	display: block;
	margin-bottom: 0.2rem;
}


#spot.botanical .thumbList a span {
	display: inline-block;
	margin:0 5px 0 0;
	position:relative;
    vertical-align: middle;
	width:140px;
	height:140px;
	box-sizing:border-box;
	border:1px solid #ddd;
	background: #fff;
}

#spot.botanical .thumbList a span img{
	display:block;  
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width:130px;
	max-height:130px;
}


#spot.botanical .thumbList a span:last-of-type {
	margin:0;
}


#spot.botanical .thumbList a:hover span {
	border: 1px solid #0036ff;
}

#spot .news {
	border-radius: 6px;
	border: 1px dotted #f33;
	padding: 10px;
	margin-bottom: 1rem; 
}

#spot .news a {
	text-decoration: none;
	color: #000;
	display: block;
}

#spot .news a b {
	color: #002f86;
}

#spot .news a:hover b {
	color: #0036ff;
}

/*********************************************/

/*#searchResult ul.thumbList {
	margin-bottom:1em;  
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}

#searchResult ul.thumbList li {
	margin:0 10px 10px 0;
	text-align:center;
	flex-basis: 142px;
	font-size: 0.6rem;
}

#searchResult ul.thumbList li:nth-child(4n) {margin-right: 0;}


#searchResult ul.thumbList li a .thumb {
	display: block;
	border-top:1px solid #efefef;
	border-left:1px solid #efefef;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	width:132px;
	padding:5px;
	margin-bottom:5px;
}

#searchResult ul.thumbList li a:hover .thumb {
	border-color:#0036ff;
}*/

#searchResult ul.thumbList {
	margin-bottom:1em;  
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}

#searchResult ul.thumbList li {
	margin:0 5px 10px 0;
	text-align:center;
	flex-basis: 150px;
	font-size: 0.6rem;
}

#searchResult ul.thumbList li:nth-child(4n) {
	margin-right:0;
}

#searchResult ul.thumbList li a .thumb {
	display: block;
	position:relative;
    vertical-align: middle;
	text-align: center;
	width:148px;
	height:148px;
	border:1px solid #e9e9e9;
	border-top-color:#efefef;
	border-left-color:#efefef;
	background-color:#fff;
	margin-bottom:5px;
}

#searchResult ul.thumbList li a .thumb img{
	display:block;  
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width:140px;
	max-height:140px;
}


#searchResult ul.thumbList li a:hover .thumb {
	border-color:#0036ff;
}
/**************************************************************/

#searchResult ul.thumbList li .title {
	font-size: 0.8rem;
}
	

#searchResult ul.thumbList li .point {
	display: block;
}

#searchResult ul.thumbList li .point::before {content: 'GANREF Point '}

#searchResult ul.thumbList li .author,
#searchResult ul.thumbList li .created,
#searchResult ul.thumbList li .date,
#searchResult ul.thumbList li .favorite,
#searchResult ul.thumbList li .comment {
	display: none;
}


.nav {
	text-align:center;
	margin-top:1em;
}

.nav li {
	display:block;
	padding:0.5em;
	font-weight: bold;
}